.c:after,.hidden {
	visibility: hidden
}

#M,.弹出框父级 {
	position: relative
}

.func-cover-box .cover-list,.func-cover-box .num,.func-glb-header-nav-pop-box>.menu-box,.func-pull-box .pull-item .info button,.h,.shade-box *,.ui-toast-box,.welcome-box.h,.标签们 a sup,a svg,button *,button svg,html.遮罩 body {
	pointer-events: none
}

.noscroll,.o,.标签们,[scroll],html[shadow=true],html[shadow=true] body {
	overflow: hidden
}

.albums-list,.ui-count-box,.ui-dialog>.head h4,.ui-h1,.ui-h2 {
	text-align: center
}

.ui-toast-box,.welcome-box {
	transition: opacity .3s ease
}

body,form,h1,h2,h3,h4,h5,ol,p,ul {
	margin: 0
}

.layout,.w1550 {
	margin: 0 auto
}

ol,ul {
	padding: 0
}

html {
	font: 1em "Avenir Next",Avenir,"Helvetica Neue",Helvetica,"Lantinghei SC","Hiragino Sans GB","Microsoft YaHei","å¯°î†¿è’‹é—†å‘´ç²¦",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
	font: 1em BlinkMacSystemFont,sans-serif;
	font: 14px "Hiragino Sans GB","Microsoft YaHei","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
	color: #222
}

button,input,option,select,textarea {
	font: inherit
}

h1,h2,h3,h4 {
	font-weight: 600
}

button:focus,input:focus,textarea:focus {
	outline: 0
}

::selection {
	background: rgba(0,149,255,.1)
}

ul {
	list-style-type: none
}

a {
	text-decoration: none;
	color: #323232
}

img {
	border: 0
}

.o {
	zoom: 1
}

.l {
	float: left
}

.r {
	float: right
}

.c:after {
	content: '.';
	display: block;
	height: 0;
	clear: both
}

.none,.弹出框,xmp {
	display: none
}

* html .c {
	height: 1%
}

.h {
	opacity: 0
}

.a-bounce,.a-flash,.a-flip,.a-ring,.a-shake,.a-swing,.a-wobble {
	-webkit-animation: .3s ease;
	-moz-animation: .3s ease;
	-ms-animation: .3s ease;
	animation: .3s ease
}

.a-bouncein,.a-bounceinB,.a-bounceinL,.a-bounceinR,.a-bounceinT,.a-fadein,.a-fadeinB,.a-fadeinL,.a-fadeinR,.a-fadeinT,.a-flipin,.a-flipinX,.a-flipinY,.a-rotatein,.a-rotateinLB,.a-rotateinLT,.a-rotateinRB,.a-rotateinRT {
	-webkit-animation: .3s ease-out backwards;
	-moz-animation: .3s ease-out backwards;
	-ms-animation: .3s ease-out backwards;
	animation: .3s ease-out backwards
}

.a-bounceout,.a-bounceoutB,.a-bounceoutL,.a-bounceoutR,.a-bounceoutT,.a-fadeout,.a-fadeoutB,.a-fadeoutL,.a-fadeoutR,.a-fadeoutT,.a-flipout,.a-flipoutX,.a-flipoutY,.a-rotateout,.a-rotateoutLB,.a-rotateoutLT,.a-rotateoutRB,.a-rotateoutRT {
	-webkit-animation: .3s ease-in forwards;
	-moz-animation: .3s ease-in forwards;
	-ms-animation: .3s ease-in forwards;
	animation: .3s ease-in forwards
}

.a-fadein {
	-webkit-animation-name: fadein;
	-moz-animation-name: fadein;
	-ms-animation-name: fadein;
	animation-name: fadein
}

.a-fadeinT {
	-webkit-animation-name: fadeinT;
	-moz-animation-name: fadeinT;
	-ms-animation-name: fadeinT;
	animation-name: fadeinT
}

.a-fadeinR {
	-webkit-animation-name: fadeinR;
	-moz-animation-name: fadeinR;
	-ms-animation-name: fadeinR;
	animation-name: fadeinR
}

.a-fadeinB {
	-webkit-animation-name: fadeinB;
	-moz-animation-name: fadeinB;
	-ms-animation-name: fadeinB;
	animation-name: fadeinB
}

.a-fadeinL {
	-webkit-animation-name: fadeinL;
	-moz-animation-name: fadeinL;
	-ms-animation-name: fadeinL;
	animation-name: fadeinL
}

.a-fadeout {
	-webkit-animation-name: fadeout;
	-moz-animation-name: fadeout;
	-ms-animation-name: fadeout;
	animation-name: fadeout
}

.a-fadeoutT {
	-webkit-animation-name: fadeoutT;
	-moz-animation-name: fadeoutT;
	-ms-animation-name: fadeoutT;
	animation-name: fadeoutT
}

.a-fadeoutR {
	-webkit-animation-name: fadeoutR;
	-moz-animation-name: fadeoutR;
	-ms-animation-name: fadeoutR;
	animation-name: fadeoutR
}

.a-fadeoutB {
	-webkit-animation-name: fadeoutB;
	-moz-animation-name: fadeoutB;
	-ms-animation-name: fadeoutB;
	animation-name: fadeoutB
}

.a-fadeoutL {
	-webkit-animation-name: fadeoutL;
	-moz-animation-name: fadeoutL;
	-ms-animation-name: fadeoutL;
	animation-name: fadeoutL
}

.a-bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-ms-animation-name: bounce;
	animation-name: bounce
}

.a-bouncein {
	-webkit-animation-name: bouncein;
	-moz-animation-name: bouncein;
	-ms-animation-name: bouncein;
	animation-name: bouncein
}

.a-bounceinT {
	-webkit-animation-name: bounceinT;
	-moz-animation-name: bounceinT;
	-ms-animation-name: bounceinT;
	animation-name: bounceinT
}

.a-bounceinR {
	-webkit-animation-name: bounceinR;
	-moz-animation-name: bounceinR;
	-ms-animation-name: bounceinR;
	animation-name: bounceinR
}

.a-bounceinB {
	-webkit-animation-name: bounceinB;
	-moz-animation-name: bounceinB;
	-ms-animation-name: bounceinB;
	animation-name: bounceinB
}

.a-bounceinL {
	-webkit-animation-name: bounceinL;
	-moz-animation-name: bounceinL;
	-ms-animation-name: bounceinL;
	animation-name: bounceinL
}

.a-bounceout {
	-webkit-animation-name: bounceout;
	-moz-animation-name: bounceout;
	-ms-animation-name: bounceout;
	animation-name: bounceout
}

.a-bounceoutT {
	-webkit-animation-name: bounceoutT;
	-moz-animation-name: bounceoutT;
	-ms-animation-name: bounceoutT;
	animation-name: bounceoutT
}

.a-bounceoutR {
	-webkit-animation-name: bounceoutR;
	-moz-animation-name: bounceoutR;
	-ms-animation-name: bounceoutR;
	animation-name: bounceoutR
}

.a-bounceoutB {
	-webkit-animation-name: bounceoutB;
	-moz-animation-name: bounceoutB;
	-ms-animation-name: bounceoutB;
	animation-name: bounceoutB
}

.a-bounceoutL {
	-webkit-animation-name: bounceoutL;
	-moz-animation-name: bounceoutL;
	-ms-animation-name: bounceoutL;
	animation-name: bounceoutL
}

.a-rotatein {
	-webkit-animation-name: rotatein;
	-moz-animation-name: rotatein;
	-ms-animation-name: rotatein;
	animation-name: rotatein
}

.a-rotateinLT {
	-webkit-animation-name: rotateinLT;
	-moz-animation-name: rotateinLT;
	-ms-animation-name: rotateinLT;
	animation-name: rotateinLT
}

.a-rotateinLB {
	-webkit-animation-name: rotateinLB;
	-moz-animation-name: rotateinLB;
	-ms-animation-name: rotateinLB;
	animation-name: rotateinLB
}

.a-rotateinRT {
	-webkit-animation-name: rotateinRT;
	-moz-animation-name: rotateinRT;
	-ms-animation-name: rotateinRT;
	animation-name: rotateinRT
}

.a-rotateinRB {
	-webkit-animation-name: rotateinRB;
	-moz-animation-name: rotateinRB;
	-ms-animation-name: rotateinRB;
	animation-name: rotateinRB
}

.a-rotateout {
	-webkit-animation-name: rotateout;
	-moz-animation-name: rotateout;
	-ms-animation-name: rotateout;
	animation-name: rotateout
}

.a-rotateoutLT {
	-webkit-animation-name: rotateoutLT;
	-moz-animation-name: rotateoutLT;
	-ms-animation-name: rotateoutLT;
	animation-name: rotateoutLT
}

.a-rotateoutLB {
	-webkit-animation-name: rotateoutLB;
	-moz-animation-name: rotateoutLB;
	-ms-animation-name: rotateoutLB;
	animation-name: rotateoutLB
}

.a-rotateoutRT {
	-webkit-animation-name: rotateoutRT;
	-moz-animation-name: rotateoutRT;
	-ms-animation-name: rotateoutRT;
	animation-name: rotateoutRT
}

.a-rotateoutRB {
	-webkit-animation-name: rotateoutRB;
	-moz-animation-name: rotateoutRB;
	-ms-animation-name: rotateoutRB;
	animation-name: rotateoutRB
}

.a-flip {
	-webkit-animation-name: flip;
	-moz-animation-name: flip;
	-ms-animation-name: flip;
	animation-name: flip
}

.a-flipinX {
	-webkit-animation-name: flipinX;
	-moz-animation-name: flipinX;
	-ms-animation-name: flipinX;
	animation-name: flipinX
}

.a-flipin,.a-flipinY {
	-webkit-animation-name: flipinY;
	-moz-animation-name: flipinY;
	-ms-animation-name: flipinY;
	animation-name: flipinY
}

.a-flipoutX {
	-webkit-animation-name: flipoutX;
	-moz-animation-name: flipoutX;
	-ms-animation-name: flipoutX;
	animation-name: flipoutX
}

.a-flipout,.a-flipoutY {
	-webkit-animation-name: flipoutY;
	-moz-animation-name: flipoutY;
	-ms-animation-name: flipoutY;
	animation-name: flipoutY
}

.a-flash {
	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	-ms-animation-name: flash;
	animation-name: flash
}

.a-shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-ms-animation-name: shake;
	animation-name: shake
}

.a-swing {
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-ms-animation-name: swing;
	animation-name: swing
}

.a-wobble {
	-webkit-animation-name: wobble;
	-moz-animation-name: wobble;
	-ms-animation-name: wobble;
	animation-name: wobble
}

.a-ring {
	-webkit-animation-name: ring;
	-moz-animation-name: ring;
	-ms-animation-name: ring;
	animation-name: ring
}

@-webkit-keyframes fadein {
	0% {
		opacity: 0
	}
}

@-moz-keyframes fadein {
	0% {
		opacity: 0
	}
}

@-ms-keyframes fadein {
	0% {
		opacity: 0
	}
}

@keyframes fadein {
	0% {
		opacity: 0
	}
}

@-webkit-keyframes fadeinT {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes fadeinT {
	0% {
		opacity: 0;
		-moz-transform: translateY(-100px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

@-ms-keyframes fadeinT {
	0% {
		opacity: 0;
		-ms-transform: translateY(-100px)
	}

	100% {
		opacity: 1;
		-ms-transform: translateY(0)
	}
}

@keyframes fadeinT {
	0% {
		opacity: 0;
		transform: translateY(-100px)
	}

	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

@-webkit-keyframes fadeinR {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes fadeinR {
	0% {
		opacity: 0;
		-moz-transform: translateX(100px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0)
	}
}

@-ms-keyframes fadeinR {
	0% {
		opacity: 0;
		-ms-transform: translateX(100px)
	}

	100% {
		opacity: 1;
		-ms-transform: translateX(0)
	}
}

@keyframes fadeinR {
	0% {
		opacity: 0;
		transform: translateX(100px)
	}

	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

@-webkit-keyframes fadeinB {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes fadeinB {
	0% {
		opacity: 0;
		-moz-transform: translateY(100px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

@-ms-keyframes fadeinB {
	0% {
		opacity: 0;
		-ms-transform: translateY(100px)
	}

	100% {
		opacity: 1;
		-ms-transform: translateY(0)
	}
}

@keyframes fadeinB {
	0% {
		opacity: 0;
		transform: translateY(100px)
	}

	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

@-webkit-keyframes fadeinL {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes fadeinL {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0)
	}
}

@-ms-keyframes fadeinL {
	0% {
		opacity: 0;
		-ms-transform: translateX(-100px)
	}

	100% {
		opacity: 1;
		-ms-transform: translateX(0)
	}
}

@keyframes fadeinL {
	0% {
		opacity: 0;
		transform: translateX(-100px)
	}

	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

@-webkit-keyframes fadeout {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-moz-keyframes fadeout {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-ms-keyframes fadeout {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes fadeout {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-webkit-keyframes fadeoutT {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-100px)
	}
}

@-moz-keyframes fadeoutT {
	0% {
		opacity: 1;
		-moz-transform: translateY(0)
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(-100px)
	}
}

@-ms-keyframes fadeoutT {
	0% {
		opacity: 1;
		-ms-transform: translateY(0)
	}

	100% {
		opacity: 0;
		-ms-transform: translateY(-100px)
	}
}

@keyframes fadeoutT {
	0% {
		opacity: 1;
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		transform: translateY(-100px)
	}
}

@-webkit-keyframes fadeoutR {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(100px)
	}
}

@-moz-keyframes fadeoutR {
	0% {
		opacity: 1;
		-moz-transform: translateX(0)
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(100px)
	}
}

@-ms-keyframes fadeoutR {
	0% {
		opacity: 1;
		-ms-transform: translateX(0)
	}

	100% {
		opacity: 0;
		-ms-transform: translateX(100px)
	}
}

@keyframes fadeoutR {
	0% {
		opacity: 1;
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		transform: translateX(100px)
	}
}

@-webkit-keyframes fadeoutB {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(100px)
	}
}

@-moz-keyframes fadeoutB {
	0% {
		opacity: 1;
		-moz-transform: translateY(0)
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(100px)
	}
}

@-ms-keyframes fadeoutB {
	0% {
		opacity: 1;
		-ms-transform: translateY(0)
	}

	100% {
		opacity: 0;
		-ms-transform: translateY(100px)
	}
}

@keyframes fadeoutB {
	0% {
		opacity: 1;
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		transform: translateY(100px)
	}
}

@-webkit-keyframes fadeoutL {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-100px)
	}
}

@-moz-keyframes fadeoutL {
	0% {
		opacity: 1;
		-moz-transform: translateX(0)
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(-100px)
	}
}

@-ms-keyframes fadeoutL {
	0% {
		opacity: 1;
		-ms-transform: translateX(0)
	}

	100% {
		opacity: 0;
		-ms-transform: translateX(-100px)
	}
}

@keyframes fadeoutL {
	0% {
		opacity: 1;
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		transform: translateX(-100px)
	}
}

@-webkit-keyframes bounce {
	0%,100%,20%,50%,80% {
		-webkit-transform: translateY(0)
	}

	40% {
		-webkit-transform: translateY(-30px)
	}

	60% {
		-webkit-transform: translateY(-15px)
	}
}

@-moz-keyframes bounce {
	0%,100%,20%,50%,80% {
		-moz-transform: translateY(0)
	}

	40% {
		-moz-transform: translateY(-30px)
	}

	60% {
		-moz-transform: translateY(-15px)
	}
}

@-ms-keyframes bounce {
	0%,100%,20%,50%,80% {
		-ms-transform: translateY(0)
	}

	40% {
		-ms-transform: translateY(-30px)
	}

	60% {
		-ms-transform: translateY(-15px)
	}
}

@keyframes bounce {
	0%,100%,20%,50%,80% {
		transform: translateY(0)
	}

	40% {
		transform: translateY(-30px)
	}

	60% {
		transform: translateY(-15px)
	}
}

@-webkit-keyframes bouncein {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.05)
	}

	70% {
		-webkit-transform: scale(.9)
	}

	100% {
		-webkit-transform: scale(1)
	}
}

@-moz-keyframes bouncein {
	0% {
		opacity: 0;
		-moz-transform: scale(.3)
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1.05)
	}

	70% {
		-moz-transform: scale(.9)
	}

	100% {
		-moz-transform: scale(1)
	}
}

@-ms-keyframes bouncein {
	0% {
		opacity: 0;
		-ms-transform: scale(.3)
	}

	50% {
		opacity: 1;
		-ms-transform: scale(1.05)
	}

	70% {
		-ms-transform: scale(.9)
	}

	100% {
		-ms-transform: scale(1)
	}
}

@keyframes bouncein {
	0% {
		opacity: 0;
		transform: scale(.3)
	}

	50% {
		opacity: 1;
		transform: scale(1.05)
	}

	70% {
		transform: scale(.9)
	}

	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes bounceinT {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(30px)
	}

	80% {
		-webkit-transform: translateY(-10px)
	}

	100% {
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes bounceinT {
	0% {
		opacity: 0;
		-moz-transform: translateY(-100px)
	}

	60% {
		opacity: 1;
		-moz-transform: translateY(30px)
	}

	80% {
		-moz-transform: translateY(-10px)
	}

	100% {
		-moz-transform: translateY(0)
	}
}

@-ms-keyframes bounceinT {
	0% {
		opacity: 0;
		-ms-transform: translateY(-100px)
	}

	60% {
		opacity: 1;
		-ms-transform: translateY(30px)
	}

	80% {
		-ms-transform: translateY(-10px)
	}

	100% {
		-ms-transform: translateY(0)
	}
}

@keyframes bounceinT {
	0% {
		opacity: 0;
		transform: translateY(-100px)
	}

	60% {
		opacity: 1;
		transform: translateY(30px)
	}

	80% {
		transform: translateY(-10px)
	}

	100% {
		transform: translateY(0)
	}
}

@-webkit-keyframes bounceinR {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px)
	}

	80% {
		-webkit-transform: translateX(10px)
	}

	100% {
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes bounceinR {
	0% {
		opacity: 0;
		-moz-transform: translateX(100px)
	}

	60% {
		opacity: 1;
		-moz-transform: translateX(-30px)
	}

	80% {
		-moz-transform: translateX(10px)
	}

	100% {
		-moz-transform: translateX(0)
	}
}

@-ms-keyframes bounceinR {
	0% {
		opacity: 0;
		-ms-transform: translateX(100px)
	}

	60% {
		opacity: 1;
		-ms-transform: translateX(-30px)
	}

	80% {
		-ms-transform: translateX(10px)
	}

	100% {
		-ms-transform: translateX(0)
	}
}

@keyframes bounceinR {
	0% {
		opacity: 0;
		transform: translateX(100px)
	}

	60% {
		opacity: 1;
		transform: translateX(-30px)
	}

	80% {
		transform: translateX(10px)
	}

	100% {
		transform: translateX(0)
	}
}

@-webkit-keyframes bounceinB {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px)
	}

	80% {
		-webkit-transform: translateY(10px)
	}

	100% {
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes bounceinB {
	0% {
		opacity: 0;
		-moz-transform: translateY(100px)
	}

	60% {
		opacity: 1;
		-moz-transform: translateY(-30px)
	}

	80% {
		-moz-transform: translateY(10px)
	}

	100% {
		-moz-transform: translateY(0)
	}
}

@-ms-keyframes bounceinB {
	0% {
		opacity: 0;
		-ms-transform: translateY(100px)
	}

	60% {
		opacity: 1;
		-ms-transform: translateY(-30px)
	}

	80% {
		-ms-transform: translateY(10px)
	}

	100% {
		-ms-transform: translateY(0)
	}
}

@keyframes bounceinB {
	0% {
		opacity: 0;
		transform: translateY(100px)
	}

	60% {
		opacity: 1;
		transform: translateY(-30px)
	}

	80% {
		transform: translateY(10px)
	}

	100% {
		transform: translateY(0)
	}
}

@-webkit-keyframes bounceinL {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(30px)
	}

	80% {
		-webkit-transform: translateX(-10px)
	}

	100% {
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes bounceinL {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100px)
	}

	60% {
		opacity: 1;
		-moz-transform: translateX(30px)
	}

	80% {
		-moz-transform: translateX(-10px)
	}

	100% {
		-moz-transform: translateX(0)
	}
}

@-ms-keyframes bounceinL {
	0% {
		opacity: 0;
		-ms-transform: translateX(-100px)
	}

	60% {
		opacity: 1;
		-ms-transform: translateX(30px)
	}

	80% {
		-ms-transform: translateX(-10px)
	}

	100% {
		-ms-transform: translateX(0)
	}
}

@keyframes bounceinL {
	0% {
		opacity: 0;
		transform: translateX(-100px)
	}

	60% {
		opacity: 1;
		transform: translateX(30px)
	}

	80% {
		transform: translateX(-10px)
	}

	100% {
		transform: translateX(0)
	}
}

@-webkit-keyframes bounceout {
	0% {
		-webkit-transform: scale(1)
	}

	25% {
		-webkit-transform: scale(.95)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.3)
	}
}

@-moz-keyframes bounceout {
	0% {
		-moz-transform: scale(1)
	}

	25% {
		-moz-transform: scale(.95)
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1.1)
	}

	100% {
		opacity: 0;
		-moz-transform: scale(.3)
	}
}

@-ms-keyframes bounceout {
	0% {
		-ms-transform: scale(1)
	}

	25% {
		-ms-transform: scale(.95)
	}

	50% {
		opacity: 1;
		-ms-transform: scale(1.1)
	}

	100% {
		opacity: 0;
		-ms-transform: scale(.3)
	}
}

@keyframes bounceout {
	0% {
		transform: scale(1)
	}

	25% {
		transform: scale(.95)
	}

	50% {
		opacity: 1;
		transform: scale(1.1)
	}

	100% {
		opacity: 0;
		transform: scale(.3)
	}
}

@-webkit-keyframes bounceoutT {
	0% {
		-webkit-transform: translateY(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: translateY(20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-100px)
	}
}

@-moz-keyframes bounceoutT {
	0% {
		-moz-transform: translateY(0)
	}

	20% {
		opacity: 1;
		-moz-transform: translateY(20px)
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(-100px)
	}
}

@-ms-keyframes bounceoutT {
	0% {
		-ms-transform: translateY(0)
	}

	20% {
		opacity: 1;
		-ms-transform: translateY(20px)
	}

	100% {
		opacity: 0;
		-ms-transform: translateY(-100px)
	}
}

@keyframes bounceoutT {
	0% {
		transform: translateY(0)
	}

	20% {
		opacity: 1;
		transform: translateY(20px)
	}

	100% {
		opacity: 0;
		transform: translateY(-100px)
	}
}

@-webkit-keyframes bounceoutR {
	0% {
		-webkit-transform: translateX(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(100px)
	}
}

@-moz-keyframes bounceoutR {
	0% {
		-moz-transform: translateX(0)
	}

	20% {
		opacity: 1;
		-moz-transform: translateX(-20px)
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(100px)
	}
}

@-ms-keyframes bounceoutR {
	0% {
		-ms-transform: translateX(0)
	}

	20% {
		opacity: 1;
		-ms-transform: translateX(-20px)
	}

	100% {
		opacity: 0;
		-ms-transform: translateX(100px)
	}
}

@keyframes bounceoutR {
	0% {
		transform: translateX(0)
	}

	20% {
		opacity: 1;
		transform: translateX(-20px)
	}

	100% {
		opacity: 0;
		transform: translateX(100px)
	}
}

@-webkit-keyframes bounceoutB {
	0% {
		-webkit-transform: translateY(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(100px)
	}
}

@-moz-keyframes bounceoutB {
	0% {
		-moz-transform: translateY(0)
	}

	20% {
		opacity: 1;
		-moz-transform: translateY(-20px)
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(100px)
	}
}

@-ms-keyframes bounceoutB {
	0% {
		-ms-transform: translateY(0)
	}

	20% {
		opacity: 1;
		-ms-transform: translateY(-20px)
	}

	100% {
		opacity: 0;
		-ms-transform: translateY(100px)
	}
}

@keyframes bounceoutB {
	0% {
		transform: translateY(0)
	}

	20% {
		opacity: 1;
		transform: translateY(-20px)
	}

	100% {
		opacity: 0;
		transform: translateY(100px)
	}
}

@-webkit-keyframes bounceoutL {
	0% {
		-webkit-transform: translateX(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: translateX(20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-100px)
	}
}

@-moz-keyframes bounceoutL {
	0% {
		-moz-transform: translateX(0)
	}

	20% {
		opacity: 1;
		-moz-transform: translateX(20px)
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(-100px)
	}
}

@-ms-keyframes bounceoutL {
	0% {
		-ms-transform: translateX(0)
	}

	20% {
		opacity: 1;
		-ms-transform: translateX(20px)
	}

	100% {
		opacity: 0;
		-ms-transform: translateX(-100px)
	}
}

@keyframes bounceoutL {
	0% {
		transform: translateX(0)
	}

	20% {
		opacity: 1;
		transform: translateX(20px)
	}

	100% {
		opacity: 0;
		transform: translateX(-200px)
	}
}

@-webkit-keyframes rotatein {
	0% {
		opacity: 0;
		-webkit-transform: rotate(-200deg)
	}

	100% {
		opacity: 1;
		-webkit-transform: rotate(0)
	}
}

@-moz-keyframes rotatein {
	0% {
		opacity: 0;
		-moz-transform: rotate(-200deg)
	}

	100% {
		opacity: 1;
		-moz-transform: rotate(0)
	}
}

@-ms-keyframes rotatein {
	0% {
		opacity: 0;
		-ms-transform: rotate(-200deg)
	}

	100% {
		opacity: 1;
		-ms-transform: rotate(0)
	}
}

@keyframes rotatein {
	0% {
		opacity: 0;
		transform: rotate(-200deg)
	}

	100% {
		opacity: 1;
		transform: rotate(0)
	}
}

@-webkit-keyframes rotateinLT {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1
	}
}

@-moz-keyframes rotateinLT {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0
	}

	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1
	}
}

@-ms-keyframes rotateinLT {
	0%,100% {
		-ms-transform-origin: left bottom
	}

	0% {
		-ms-transform: rotate(-90deg);
		opacity: 0
	}

	100% {
		-ms-transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateinLT {
	0% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0
	}

	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1
	}
}

@-webkit-keyframes rotateineftB {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1
	}
}

@-moz-keyframes rotateineftB {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0
	}

	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1
	}
}

@-ms-keyframes rotateineftB {
	0%,100% {
		-ms-transform-origin: left bottom
	}

	0% {
		-ms-transform: rotate(90deg);
		opacity: 0
	}

	100% {
		-ms-transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateineftB {
	0% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0
	}

	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1
	}
}

@-webkit-keyframes rotateinRT {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1
	}
}

@-moz-keyframes rotateinRT {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0
	}

	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1
	}
}

@-ms-keyframes rotateinRT {
	0%,100% {
		-ms-transform-origin: right bottom
	}

	0% {
		-ms-transform: rotate(90deg);
		opacity: 0
	}

	100% {
		-ms-transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateinRT {
	0% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0
	}

	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1
	}
}

@-webkit-keyframes rotateinRB {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1
	}
}

@-moz-keyframes rotateinRB {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0
	}

	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1
	}
}

@-ms-keyframes rotateinRB {
	0%,100% {
		-ms-transform-origin: right bottom
	}

	0% {
		-ms-transform: rotate(-90deg);
		opacity: 0
	}

	100% {
		-ms-transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateinRB {
	0% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0
	}

	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1
	}
}

@-webkit-keyframes rotateout {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(200deg);
		opacity: 0
	}
}

@-moz-keyframes rotateout {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1
	}

	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(200deg);
		opacity: 0
	}
}

@-ms-keyframes rotateout {
	0%,100% {
		-ms-transform-origin: center center
	}

	0% {
		-ms-transform: rotate(0);
		opacity: 1
	}

	100% {
		-ms-transform: rotate(200deg);
		opacity: 0
	}
}

@keyframes rotateout {
	0% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1
	}

	100% {
		transform-origin: center center;
		transform: rotate(200deg);
		opacity: 0
	}
}

@-webkit-keyframes rotateoutLT {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0
	}
}

@-moz-keyframes rotateoutLT {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1
	}

	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0
	}
}

@-ms-keyframes rotateoutLT {
	0%,100% {
		-ms-transform-origin: left bottom
	}

	0% {
		-ms-transform: rotate(0);
		opacity: 1
	}

	100% {
		-ms-transform: rotate(-90deg);
		opacity: 0
	}
}

@keyframes rotateoutLT {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1
	}

	100% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0
	}
}

@-webkit-keyframes rotateoutLB {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0
	}
}

@-moz-keyframes rotateoutLB {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1
	}

	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0
	}
}

@-ms-keyframes rotateoutLB {
	0%,100% {
		-ms-transform-origin: left bottom
	}

	0% {
		-ms-transform: rotate(0);
		opacity: 1
	}

	100% {
		-ms-transform: rotate(90deg);
		opacity: 0
	}
}

@keyframes rotateoutLB {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1
	}

	100% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0
	}
}

@-webkit-keyframes rotateoutRT {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0
	}
}

@-moz-keyframes rotateoutRT {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1
	}

	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0
	}
}

@-ms-keyframes rotateoutRT {
	0%,100% {
		-ms-transform-origin: right bottom
	}

	0% {
		-ms-transform: rotate(0);
		opacity: 1
	}

	100% {
		-ms-transform: rotate(90deg);
		opacity: 0
	}
}

@keyframes rotateoutRT {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1
	}

	100% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0
	}
}

@-webkit-keyframes rotateoutBR {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0
	}
}

@-moz-keyframes rotateoutBR {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1
	}

	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0
	}
}

@-ms-keyframes rotateoutBR {
	0%,100% {
		-ms-transform-origin: right bottom
	}

	0% {
		-ms-transform: rotate(0);
		opacity: 1
	}

	100% {
		-ms-transform: rotate(-90deg);
		opacity: 0
	}
}

@keyframes rotateoutBR {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1
	}

	100% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0
	}
}

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		-webkit-animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-webkit-animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: perspective(400px) scale(1);
		-webkit-animation-timing-function: ease-in
	}
}

@-moz-keyframes flip {
	0% {
		-moz-transform: perspective(400px) rotateY(0);
		-moz-animation-timing-function: ease-out
	}

	40% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-moz-animation-timing-function: ease-out
	}

	50% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-moz-animation-timing-function: ease-in
	}

	80% {
		-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
		-moz-animation-timing-function: ease-in
	}

	100% {
		-moz-transform: perspective(400px) scale(1);
		-moz-animation-timing-function: ease-in
	}
}

@-ms-keyframes flip {
	0%,40% {
		-ms-animation-timing-function: ease-out
	}

	100%,50%,80% {
		-ms-animation-timing-function: ease-in
	}

	0% {
		-ms-transform: perspective(400px) rotateY(0)
	}

	40% {
		-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg)
	}

	50% {
		-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1)
	}

	80% {
		-ms-transform: perspective(400px) rotateY(360deg) scale(.95)
	}

	100% {
		-ms-transform: perspective(400px) scale(1)
	}
}

@keyframes flip {
	0% {
		transform: perspective(400px) rotateY(0);
		animation-timing-function: ease-out
	}

	40% {
		transform: perspective(400px) translateZ(150px) rotateY(170deg);
		animation-timing-function: ease-out
	}

	50% {
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		animation-timing-function: ease-in
	}

	80% {
		transform: perspective(400px) rotateY(360deg) scale(.95);
		animation-timing-function: ease-in
	}

	100% {
		transform: perspective(400px) scale(1);
		animation-timing-function: ease-in
	}
}

@-webkit-keyframes flipinX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateX(-10deg)
	}

	70% {
		-webkit-transform: perspective(400px) rotateX(10deg)
	}

	100% {
		-webkit-transform: perspective(400px) rotateX(0);
		opacity: 1
	}
}

@-moz-keyframes flipinX {
	0% {
		-moz-transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	40% {
		-moz-transform: perspective(400px) rotateX(-10deg)
	}

	70% {
		-moz-transform: perspective(400px) rotateX(10deg)
	}

	100% {
		-moz-transform: perspective(400px) rotateX(0);
		opacity: 1
	}
}

@-ms-keyframes flipinX {
	0% {
		-ms-transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	40% {
		-ms-transform: perspective(400px) rotateX(-10deg)
	}

	70% {
		-ms-transform: perspective(400px) rotateX(10deg)
	}

	100% {
		-ms-transform: perspective(400px) rotateX(0);
		opacity: 1
	}
}

@keyframes flipinX {
	0% {
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	40% {
		transform: perspective(400px) rotateX(-10deg)
	}

	70% {
		transform: perspective(400px) rotateX(10deg)
	}

	100% {
		transform: perspective(400px) rotateX(0);
		opacity: 1
	}
}

@-webkit-keyframes flipinY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateY(-10deg)
	}

	70% {
		-webkit-transform: perspective(400px) rotateY(10deg)
	}

	100% {
		-webkit-transform: perspective(400px) rotateY(0);
		opacity: 1
	}
}

@-moz-keyframes flipinY {
	0% {
		-moz-transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	40% {
		-moz-transform: perspective(400px) rotateY(-10deg)
	}

	70% {
		-moz-transform: perspective(400px) rotateY(10deg)
	}

	100% {
		-moz-transform: perspective(400px) rotateY(0);
		opacity: 1
	}
}

@-ms-keyframes flipinY {
	0% {
		-ms-transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	40% {
		-ms-transform: perspective(400px) rotateY(-10deg)
	}

	70% {
		-ms-transform: perspective(400px) rotateY(10deg)
	}

	100% {
		-ms-transform: perspective(400px) rotateY(0);
		opacity: 1
	}
}

@keyframes flipinY {
	0% {
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	40% {
		transform: perspective(400px) rotateY(-10deg)
	}

	70% {
		transform: perspective(400px) rotateY(10deg)
	}

	100% {
		transform: perspective(400px) rotateY(0);
		opacity: 1
	}
}

@-webkit-keyframes flipoutX {
	0% {
		-webkit-transform: perspective(400px) rotateX(0);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@-moz-keyframes flipoutX {
	0% {
		-moz-transform: perspective(400px) rotateX(0);
		opacity: 1
	}

	100% {
		-moz-transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@-ms-keyframes flipoutX {
	0% {
		-ms-transform: perspective(400px) rotateX(0);
		opacity: 1
	}

	100% {
		-ms-transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes flipoutX {
	0% {
		transform: perspective(400px) rotateX(0);
		opacity: 1
	}

	100% {
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@-webkit-keyframes flipoutY {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

@-moz-keyframes flipoutY {
	0% {
		-moz-transform: perspective(400px) rotateY(0);
		opacity: 1
	}

	100% {
		-moz-transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

@-ms-keyframes flipoutY {
	0% {
		-ms-transform: perspective(400px) rotateY(0);
		opacity: 1
	}

	100% {
		-ms-transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

@keyframes flipoutY {
	0% {
		transform: perspective(400px) rotateY(0);
		opacity: 1
	}

	100% {
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

@-webkit-keyframes flash {
	0%,100%,50% {
		opacity: 1
	}

	25%,75% {
		opacity: 0
	}
}

@-moz-keyframes flash {
	0%,100%,50% {
		opacity: 1
	}

	25%,75% {
		opacity: 0
	}
}

@-ms-keyframes flash {
	0%,100%,50% {
		opacity: 1
	}

	25%,75% {
		opacity: 0
	}
}

@keyframes flash {
	0%,100%,50% {
		opacity: 1
	}

	25%,75% {
		opacity: 0
	}
}

@-webkit-keyframes shake {
	0%,100% {
		-webkit-transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		-webkit-transform: translateX(-10px)
	}

	20%,40%,60%,80% {
		-webkit-transform: translateX(10px)
	}
}

@-moz-keyframes shake {
	0%,100% {
		-moz-transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		-moz-transform: translateX(-10px)
	}

	20%,40%,60%,80% {
		-moz-transform: translateX(10px)
	}
}

@-ms-keyframes shake {
	0%,100% {
		-ms-transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		-ms-transform: translateX(-10px)
	}

	20%,40%,60%,80% {
		-ms-transform: translateX(10px)
	}
}

@keyframes shake {
	0%,100% {
		transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		transform: translateX(-10px)
	}

	20%,40%,60%,80% {
		transform: translateX(10px)
	}
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate(15deg)
	}

	40% {
		-webkit-transform: rotate(-10deg)
	}

	60% {
		-webkit-transform: rotate(5deg)
	}

	80% {
		-webkit-transform: rotate(-5deg)
	}

	100% {
		-webkit-transform: rotate(0)
	}
}

@-moz-keyframes swing {
	20% {
		-moz-transform: rotate(15deg)
	}

	40% {
		-moz-transform: rotate(-10deg)
	}

	60% {
		-moz-transform: rotate(5deg)
	}

	80% {
		-moz-transform: rotate(-5deg)
	}

	100% {
		-moz-transform: rotate(0)
	}
}

@-ms-keyframes swing {
	20% {
		-ms-transform: rotate(15deg)
	}

	40% {
		-ms-transform: rotate(-10deg)
	}

	60% {
		-ms-transform: rotate(5deg)
	}

	80% {
		-ms-transform: rotate(-5deg)
	}

	100% {
		-ms-transform: rotate(0)
	}
}

@keyframes swing {
	20% {
		transform: rotate(15deg)
	}

	40% {
		transform: rotate(-10deg)
	}

	60% {
		transform: rotate(5deg)
	}

	80% {
		transform: rotate(-5deg)
	}

	100% {
		transform: rotate(0)
	}
}

@-webkit-keyframes wobble {
	0%,100% {
		-webkit-transform: translateX(0)
	}

	15% {
		-webkit-transform: translateX(-100px) rotate(-5deg)
	}

	30% {
		-webkit-transform: translateX(80px) rotate(3deg)
	}

	45% {
		-webkit-transform: translateX(-65px) rotate(-3deg)
	}

	60% {
		-webkit-transform: translateX(40px) rotate(2deg)
	}

	75% {
		-webkit-transform: translateX(-20px) rotate(-1deg)
	}
}

@-moz-keyframes wobble {
	0%,100% {
		-moz-transform: translateX(0)
	}

	15% {
		-moz-transform: translateX(-100px) rotate(-5deg)
	}

	30% {
		-moz-transform: translateX(80px) rotate(3deg)
	}

	45% {
		-moz-transform: translateX(-65px) rotate(-3deg)
	}

	60% {
		-moz-transform: translateX(40px) rotate(2deg)
	}

	75% {
		-moz-transform: translateX(-20px) rotate(-1deg)
	}
}

@-ms-keyframes wobble {
	0%,100% {
		-ms-transform: translateX(0)
	}

	15% {
		-ms-transform: translateX(-100px) rotate(-5deg)
	}

	30% {
		-ms-transform: translateX(80px) rotate(3deg)
	}

	45% {
		-ms-transform: translateX(-65px) rotate(-3deg)
	}

	60% {
		-ms-transform: translateX(40px) rotate(2deg)
	}

	75% {
		-ms-transform: translateX(-20px) rotate(-1deg)
	}
}

@keyframes wobble {
	0%,100% {
		transform: translateX(0)
	}

	15% {
		transform: translateX(-100px) rotate(-5deg)
	}

	30% {
		transform: translateX(80px) rotate(3deg)
	}

	45% {
		transform: translateX(-65px) rotate(-3deg)
	}

	60% {
		transform: translateX(40px) rotate(2deg)
	}

	75% {
		transform: translateX(-20px) rotate(-1deg)
	}
}

@-webkit-keyframes ring {
	0% {
		-webkit-transform: scale(1)
	}

	10%,20% {
		-webkit-transform: scale(.9) rotate(-3deg)
	}

	30%,50%,70%,90% {
		-webkit-transform: scale(1.1) rotate(3deg)
	}

	40%,60%,80% {
		-webkit-transform: scale(1.1) rotate(-3deg)
	}

	100% {
		-webkit-transform: scale(1) rotate(0)
	}
}

@-moz-keyframes ring {
	0% {
		-moz-transform: scale(1)
	}

	10%,20% {
		-moz-transform: scale(.9) rotate(-3deg)
	}

	30%,50%,70%,90% {
		-moz-transform: scale(1.1) rotate(3deg)
	}

	40%,60%,80% {
		-moz-transform: scale(1.1) rotate(-3deg)
	}

	100% {
		-moz-transform: scale(1) rotate(0)
	}
}

@-ms-keyframes ring {
	0% {
		-ms-transform: scale(1)
	}

	10%,20% {
		-ms-transform: scale(.9) rotate(-3deg)
	}

	30%,50%,70%,90% {
		-ms-transform: scale(1.1) rotate(3deg)
	}

	40%,60%,80% {
		-ms-transform: scale(1.1) rotate(-3deg)
	}

	100% {
		-ms-transform: scale(1) rotate(0)
	}
}

@keyframes ring {
	0% {
		transform: scale(1)
	}

	10%,20% {
		transform: scale(.9) rotate(-3deg)
	}

	30%,50%,70%,90% {
		transform: scale(1.1) rotate(3deg)
	}

	40%,60%,80% {
		transform: scale(1.1) rotate(-3deg)
	}

	100% {
		transform: scale(1) rotate(0)
	}
}

a,button,input,textarea {
	-webkit-tap-highlight-color: transparent
}

a,button {
	cursor: pointer
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-overflow-scrolling: auto;
	word-wrap: break-word;
	background: #F5F6F7
}

@media (min-width:1100px) {
	.web-header-box .layout {
		max-width: 980px!important
	}

	#M {
		zoom: 1.2
	}
}[scroll] {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.w1550 {
	max-width: 1550px
}

.弹出框 {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 2;
	padding: 5px;
	background: #FFF;
	background: rgba(255,255,255,.95);
	box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 0 10px rgba(0,0,0,.1);
	border-radius: .4em
}

.开关 b,.开关 b:after,.标签们 a,.标签们 a sup {
	border-radius: 9em
}

.弹出框开关样式 {
	display: block;
	width: 56px;
	height: 56px;
	background: url(../img/筛选按钮@2x.png) 50% 50% no-repeat;
	background-size: cover;
	opacity: .5
}

.弹出框开关 {
	display: none
}

.弹出框开关:checked~.弹出框开关样式 {
	opacity: 1
}

.弹出框开关:checked~.弹出框 {
	display: block
}

.开关 {
	display: inline-block
}

.开关 input {
	display: none
}

.开关 b {
	display: block;
	position: relative;
	height: 30px;
	width: 60px;
	background: #EEE
}

.开关 b:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	height: 24px;
	width: 24px;
	background: #FFF
}

.开关 input:checked+b {
	background: #05c5ff
}

.开关 input:checked+b:after {
	left: 32px
}

.标签们 {
	line-height: 1.1;
	padding: .5em 1em .5em 1.2em
}

.标签们 a {
	display: inline-block;
	padding: .5em 1em;
	background: #eaf6fe;
	margin: 5px;
	position: relative
}

.标签们 a:before {
	content: '#';
	opacity: .5;
	margin-right: .2em
}

.标签们 a sup {
	position: absolute;
	bottom: 100%;
	left: 100%;
	z-index: 1;
	transform: translate(-1.8em,1em);
	background: #FF7530;
	font-size: .8em;
	line-height: 1.4;
	padding: 0 .5em;
	margin-right: -20px;
	color: #FFF
}

.layout {
	max-width: 1200px
}

.nav-box {
	padding: 1em
}

sup {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

sup:before {
	content: attr(dir)
}

.shade-box {
	cursor: wait
}

.ui-h1 {
	font-weight: 200
}

.ui-h2 {
	padding: 2em 0 1em
}

.color-gray {
	color: #999
}

.ui-count-box .ui-count-item {
	display: inline-block;
	min-width: 40px;
	padding: 30px 20px
}

.ui-count-box .ui-count-item * {
	display: block
}

.ui-count-box .ui-count-item b {
	font-size: 36px;
	line-height: 48px;
	font-weight: 200
}

.ui-count-box .ui-count-item span {
	opacity: .5
}

.albums-list {
	padding: 30px
}

.albums-item {
	display: inline-block;
	vertical-align: top
}

.albums-item a {
	display: block;
	padding: 15px;
	color: #222
}

.albums-item .cover {
	position: relative;
	width: 200px;
	height: 200px;
	box-shadow: 4px 4px 0 rgba(150,150,150,.2),8px 8px 0 rgba(150,150,150,.05)
}

.albums-item .cover img {
	width: 200px;
	height: 200px;
	background: #222
}

.albums-item .cover .num {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 46px;
	padding: 0 16px;
	color: #FFF;
	text-shadow: 0 2px 0 rgba(0,0,0,.5)
}

.albums-item h2 {
	padding-top: 12px;
	font-size: 21px;
	line-height: 40px;
	text-shadow: 0 2px 0 rgba(0,0,0,.1)
}

.albums-item p {
	font-size: 14px;
	line-height: 20px;
	opacity: .35
}

@media (max-width:700px) {
	.albums-list {
		padding: 30px 0
	}

	.albums-list .albums-item a {
		width: 200px;
		padding: 15px 5px
	}

	.albums-list .albums-item a h2 {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
}

.ui-shadow {
	position: absolute;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 11;
	background: rgba(0,0,0,.5);
	padding: 60px 0 100px;
	box-sizing: border-box;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.ui-dialog {
	margin: 0 auto 100px;
	background: #FFF;
	border-radius: 4px;
	overflow: hidden
}

.ui-dialog.center {
	box-sizing: border-box;
	padding: 16px;
	width: 1100px;
	margin: 100px auto
}

.ui-dialog>.head {
	line-height: 48px
}

.ui-dialog>.head h4 {
	font-weight: 200;
	font-size: 16px;
	margin: 0 40px
}

.ui-dialog>.head button {
	float: right;
	font-size: 24px;
	width: 48px;
	color: #FF7530;
	text-align: center
}

.ui-dialog>.body {
	min-height: 100px;
	word-break: break-all
}

.ui-dialog>.ctrl {
	padding: 16px;
	text-align: right
}

.ui-dialog>.ctrl button {
	margin-left: 10px
}

.ui-dialog.one-button>.body {
	padding-bottom: 0
}

.ui-dialog.one-button>.ctrl button {
	margin-left: 0;
	width: 100%
}

.ui-alert {
	width: 340px
}

.ui-alert>.body {
	padding: 16px;
	min-height: 0;
	font-size: 16px
}

.ui-radio-box {
	padding: 16px 0;
	margin: 0 -16px -16px 0
}

.ui-radio-box label {
	float: left
}

.ui-radio-box label input {
	display: none
}

.ui-radio-box label button.div,.ui-radio-box label div {
	display: inline-block;
	padding: 12px 14px;
	margin: 0 16px 16px 0;
	border-radius: 4px;
	box-shadow: 0 0 0 2px #c8cacc inset
}

.ui-radio-box label button.div big,.ui-radio-box label div big {
	font-weight: 400;
	font-size: 32px
}

.ui-radio-box label button.div small,.ui-radio-box label div small {
	color: #909499
}

.ui-radio-box label button.div {
	background: 0 0;
	border: 0
}

.ui-radio-box label input:checked+div {
	box-shadow: 0 0 0 2px #FF7530 inset
}

.ui-radio-box label input:disabled+div {
	opacity: .5
}

.ui-toast-box {
	position: absolute;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 5;
	transform: translateX(-50%);
	margin: -2em auto 0;
	background: #222;
	background: rgba(0,0,0,.8);
	color: #FFF;
	border-radius: 9em;
	padding: .3em 1em
}

.btn {
	margin: 0;
	border: 0;
	cursor: pointer;
	background: #FF7530;
	color: #FFF;
	border-radius: 4px;
	padding: 0 1.2em;
	font-size: 16px;
	line-height: 40px;
	height: 40px
}

.btn.min {
	font-size: 14px;
	line-height: 32px;
	height: 32px;
	padding: 0 10px
}

.btn.xmin {
	font-size: 12px;
	line-height: 24px;
	height: 24px;
	padding: 0 8px
}

.btn.big {
	font-size: 18px;
	line-height: 56px;
	height: 56px;
	box-shadow: 0 2px 4px rgba(255,74,83,.3),0 2px 4px rgba(255,74,83,.15)
}

.btn.cart {
	width: 320px
}

.btn:disabled {
	opacity: .5;
	pointer-events: none
}

.btn:hover {
	opacity: .9
}

.btn:active {
	opacity: 1
}

.btn.white {
	background: #FFF;
	color: #2D3033;
	box-shadow: 0 0 0 2px #C8CACC inset
}

.btn.white:hover {
	background: #E5E5E5
}

.btn.white:active {
	background: #CCC
}

.btn.border {
	box-shadow: 0 0 0 2px #FF7530 inset;
	background: #FFF;
	color: #FF7530
}

.btn.link,.btn.link:hover {
	color: #1C89EA;
	background: 0 0
}

a.btn {
	display: block;
	text-align: center
}

.ui-pop-view-box.h,.welcome-box.none {
	display: none
}

a.btn:hover {
	color: #FFF
}

.nostyle {
	padding: 0;
	margin: 0;
	border: 0;
	background: 0 0
}

.ui-h2 {
	font-size: 28px;
	font-weight: 200
}

.ui-text {
	border: 1px solid #C8CACC;
	border-radius: 4px;
	line-height: 18px;
	padding: 4px 8px;
	box-sizing: border-box
}

.ui-text[type=number] {
	width: 60px
}

input[type=checkbox],input[type=radio] {
	-webkit-appearance: none;
	appearance: none;
	width: 16px;
	height: 16px;
	line-height: 16px;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 1px;
	position: relative;
	top: -2px;
	margin-left: 5px;
	cursor: pointer;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

input[type=checkbox]:before,input[type=radio]:before {
	content: '';
	position: absolute;
	top: -5px;
	left: -5px;
	width: 21px;
	height: 21px
}

input[type=radio] {
	border-radius: 1em
}

input[type=checkbox]:checked::after,input[type=radio]:checked::after {
	content: '';
	position: absolute
}

.ui-pop-view-box,.welcome-box {
	position: fixed;
	right: 0;
	bottom: 0
}

input[type=checkbox]:checked::after {
	width: 14px;
	height: 16px;
	line-height: 14px;
	color: #FFF;
	text-align: center;
	content: '√'
}

input[type=radio]:checked::after {
	top: 3px;
	left: 3px;
	width: 8px;
	height: 8px;
	background: #FFF;
	border-radius: 1em
}

input[type=checkbox]:active,input[type=radio]:active {
	border-color: #c6c6c6;
	background: #dcdcdc
}

input[type=checkbox]:hover {
	border-color: #c6c6c6;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1)
}

input[type=checkbox]:checked,input[type=radio]:checked {
	background: #F74A53;
	border-color: #F74A53
}

.close {
	border: 0;
	background: 0 0;
	padding: 0;
	margin: 0;
	cursor: pointer
}

.close:before {
	content: '×'
}

.dialog-举报-box .body {
	padding: 0 16px
}

.dialog-举报-box .body input {
	width: 100%;
	line-height: 32px;
	padding: 0 8px
}

.welcome-box {
	top: 0;
	left: 0;
	z-index: 9e9;
	background-size: 370px 120px
}

.welcome-box.h {
	opacity: 0
}

.text-banner {
	line-height: 36px;
	font-size: 14px;
	padding: 100px 70px;
	text-align: center;
	color: #999
}

.text-banner p {
	padding: .5em 0
}

.text-banner a {
	color: #999
}

.mo-box {
	background: #FCFCFC;
	margin-bottom: 10px
}

.mo-h4 {
	font-size: 12px;
	line-height: 12px;
	color: #666;
	padding: 0 0 0 5px;
	border-left: 3px solid #FF7530;
	margin: 15px 0 0 15px
}

button {
	cursor: pointer
}

button[action="笔记点赞"] {
	font-size: 12px;
	border: 0;
	color: #ccc;
	padding-left: 20px;
	padding-top: 2px;
	min-width: 2em;
	background-size: 18px
}

button[action="笔记点赞"].active {
}

.ui-pop-view-box {
	top: 0;
	left: 0;
	background: #F5F6F7;
	z-index: 10
}

.ui-tags-box {
	overflow: hidden
}

.ui-tags-box .ui-tag {
	float: left;
	background: #FFB900;
	border-radius: 2px;
	font-size: 12px;
	line-height: 16px;
	padding: 0 5px;
	color: #FFF
}

.ui-tags-box .ui-tag[data-source-site-name=AMAZON] {
	background: #2d3033
}

.ui-tags-box .ui-tag[data-source-site-name=HorinLoveBooks] {
	background: #DD1A29
}

.ui-tags-box .ui-tag[data-source-site-name=Booth] {
	background: #ff494b
}

.ui-tags-box .ui-tag[data-source-site-name="虎穴"] {
	background: #fc9025
}

.ui-tags-box .ui-tag[data-source-site-name=Animate] {
	background: #385eab
}

.ui-tags-box .ui-tag[data-source-site-name=Movic] {
	background: #009FCC
}

.ui-tags-box .ui-tag[data-source-site-name="明輝堂"] {
	background: #e660a2
}

.ui-tags-box .ui-tag[data-source-site-name="骏河屋"] {
	background: #3d57ef
}

.ui-tags-box .ui-tag[data-source-site-name=book-off] {
	background: #1f338c
}

.ui-scroll-box {
	height: 100%
}

.func-form-box .label-box {
	display: block;
	background: #FCFCFC;
	margin-bottom: 10px;
	position: relative
}

.func-form-box .label-box b {
	line-height: 44px;
	padding: 0 0 0 15px;
	margin: 0;
	width: 80px;
	position: absolute;
	top: 0;
	left: 0
}

.func-form-box .label-box i {
	font-style: normal;
	position: absolute;
	top: 0;
	right: 0;
	line-height: 44px;
	padding: 0 15px 0 0;
	color: #ABAFB3;
	font-size: 12px
}

.func-form-box .label-box>.head {
	height: 44px;
	position: relative
}

.func-form-box .label-box>.head:after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 15px;
	right: 15px;
	border-bottom: 1px solid #D9D9D9
}

.func-form-box .label-box>.head a[action="添加标签"],.func-form-box .label-box>.head a[action="选择标签"] {
	float: right;
	line-height: 44px;
	width: 50px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url(../img/icon/ic_add_box.svg) 50% 50% no-repeat
}

.func-form-box .label-box input {
	padding: 12px 12px 12px 120px;
	line-height: 20px;
	background: 0 0;
	border: 0;
	width: 100%;
	box-sizing: border-box
}

.func-form-box .label-box textarea {
	display: block;
	box-sizing: border-box;
	resize: none;
	width: 100%;
	padding: 15px;
	border: 0;
	background: 0 0
}

.func-form-box .label-box .imgs-box {
	overflow: hidden;
	padding: 15px 0 15px 15px
}

.func-form-box .label-box .imgs-box .img,.func-form-box .label-box .imgs-box label {
	width: 108px;
	height: 108px;
	margin: 0 10px 10px 0;
	border-radius: 2px;
	object-fit: contain;
	float: left
}

.func-form-box .label-box .imgs-box .img input,.func-form-box .label-box .imgs-box label input {
	display: none
}

.func-form-box .label-box .imgs-box .img {
	position: relative
}

.func-form-box .label-box .imgs-box .img.sortable-ghost {
	opacity: .5
}

.func-form-box .label-box .imgs-box .img img {
	display: block;
	width: 108px;
	height: 108px
}

.func-form-box .label-box .imgs-box .img button {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 2;
	width: 2em;
	text-align: center;
	font-weight: 700;
	color: #FFF;
	background: rgba(0,0,0,.4);
	border: 0;
	padding: 0;
	margin: 0
}

.func-form-box .label-box .imgs-box .img button:after {
	content: '×'
}

.func-form-box .label-box .imgs-box label {
	background: url(../img/icon/ic_add.svg) 50% 50% no-repeat #F5F6F7
}

.func-form-box .label-box.label-submit-box {
	padding: 15px
}

.func-form-box .label-box.label-submit-box button[action="发布笔记"] {
	display: inline-block;
	background: #FF7530;
	color: #FFF;
	border-radius: 2px;
	border: 0;
	width: 100%;
	font-size: 14px;
	line-height: 36px
}

.ui-sheet-box {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	background: rgba(0,0,0,.6)
}

.ui-sheet-box>.list {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px;
	text-align: center
}

.ui-sheet-box>.list a {
	display: block;
	background: #FFF;
	color: #FF7530;
	font-size: 18px;
	line-height: 52px;
	border-radius: 5px;
	margin-top: 10px
}

html.遮罩 {
	overflow: hidden
}

html.遮罩:after {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999
}

.home2note-img-cover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	max-width: 800px;
	margin: 0 auto
}

@media (min-width:800px) {
	.home2note-img-cover {
		top: 40px
	}
}

.func-pull-box {
	position: relative
}

.func-pull-box.hidden,.func-pull-box[data-page="0"][data-length="0"]:empty {
	visibility: visible
}

.func-pull-box.hidden .pull-item,.func-pull-box[data-page="0"][data-length="0"]:empty .pull-item {
	display: none
}

.func-pull-box .pull-item {
	position: absolute;
	background: #FCFCFC;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.04);
	border-radius: 2px;
	overflow: hidden
}

.func-pull-box .pull-item .link-box {
	display: block;
	cursor: pointer;
	height: 100%
}

.func-pull-box .pull-item .link-box[data-revoke-message]:before {
	content: attr(data-revoke-message);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	font-size: 12px;
	line-height: 26px;
	color: #FFF;
	background: red;
	background: rgba(247,74,83,.95);
	text-align: center
}

.func-pull-box .pull-item .cover {
	background: #EEE;
	overflow: hidden;
	position: relative
}

.func-pull-box .pull-item .cover img {
	display: block;
	width: 100%;
	position: absolute;
	transition: opacity .3s ease
}

.func-pull-box .pull-item .cover img.hide {
	opacity: 0
}

.func-pull-box .pull-item .cover svg {
	display: block;
	width: 100%
}

.func-pull-box .pull-item>a>.text {
	height: 66px;
	margin: 0 0 5px;
	overflow: hidden
}

.func-pull-box .pull-item>a>.text>h2 {
	margin: 10px 12px 8px;
	font-size: 12px;
	line-height: 16px;
	max-height: 32px;
	overflow: hidden
}

.func-pull-box .pull-item>a>.text>p {
	margin: 0 12px;
	font-size: 12px;
	line-height: 16px;
	max-height: 32px;
	overflow: hidden;
	color: grey
}

.func-pull-box .pull-item .info {
	padding: 0 .5em .6em .6em;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #FCFCFC
}

.func-pull-box .pull-item .info .info-user-box {
	float: left;
	line-height: 30px
}

.func-pull-box .pull-item .info .info-user-box img {
	width: 30px;
	height: 30px;
	border-radius: 9em;
	display: inline-block;
	vertical-align: top;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.1)
}

.func-pull-box .pull-item .info .info-user-box b {
	font-size: 14px;
	margin-left: .5em
}

.func-pull-box .pull-item .info button {
	position: absolute;
	right: 6px;
	bottom: 10px;
	margin-top: 2px;
	background-color: rgba(252,252,252,.95)
}

.search-view {
	position: fixed;
	bottom: 0;
	top: 58px;
	left: 0;
	right: 0;
	background: #F5F6F7;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	visibility: hidden
}

.search-view .keyword-box>.head {
	font-size: 12px;
	background: #F5F6F7;
	line-height: 38px;
	padding: 0 20px;
	color: #989898;
	font-weight: 400;
	position: relative
}

.search-view .keyword-box>.head button {
	background: url(../img/icon/ic_delete.svg) 50% 50% no-repeat;
	width: 26px;
	height: 26px;
	border: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 5px;
	top: 5px
}

.search-view .keyword-box>.body {
	background: #FCFCFC;
	padding: 6px 15px;
	overflow: hidden
}

.search-view .keyword-box>.body a {
	float: left;
	font-size: 12px;
	line-height: 28px;
	padding: 0 12px;
	margin: 5px;
	border-radius: 2px;
	border: 1px solid #ECECEC;
	color: grey
}

.search-view-on .func-header-box .search-box input {
	background: #F5F6F7;
	border-radius: 100px;
	padding-left: 1em
}

.search-view-on .func-header-box a[action="发布"] {
	visibility: hidden;
	display: none
}

.search-view-on .func-header-box button[action="取消"] {
	display: block
}

.search-view-on .search-view {
	visibility: visible
}

.view-home-view-tag-add-box .no-search-keyword .search-res-box,.view-home-view-tag-add-box .no-search-keyword a[action="新建标签"] {
	display: none
}

.view-p {
	background: #F5F6F7
}

.view-p .func-p-content-box>h1 {
	font-size: 16px;
	line-height: 21px;
	padding: 12px 20px 10px
}

.view-p .func-p-content-box .content {
	padding: 0 20px
}

.view-p .func-p-content-box .content a {
	color: #ff7530
}

.view-p .func-p-content-box .content h2 {
	font-size: 16px;
	line-height: 40px;
	padding: 10px 0 0
}

.view-p .func-p-content-box .content h3 {
	font-size: 14px;
	line-height: 30px;
	padding: 6px 0 0
}

.view-p .func-p-content-box .content h4 {
	font-size: 14px;
	line-height: 20px;
	padding: 4px 0 0
}

.view-p .func-p-content-box .func-tags-box {
	margin: 0 0 0 18px;
	overflow: hidden
}

.view-p .func-p-content-box .func-tags-box a {
	float: left;
	background: #FFF;
	padding: 0 10px 0 9px;
	margin: 0 8px 8px 0;
	font-size: 12px;
	line-height: 22px;
	border: 1px solid #ECECEC;
	border-radius: 2px;
	color: grey
}

.view-p .func-p-content-box .func-tags-box a:before {
	content: '#';
	opacity: .5
}

.view-p .func-p-content-box>time {
	display: block;
	margin: 0 20px 10px;
	font-size: 10px;
	line-height: 22px;
	color: #B3B3B3;
	background: #F5F6F7;
	text-align: center
}

.view-p .func-p-content-box .num-box {
	overflow: hidden;
	padding: 1em
}

.view-p .func-p-content-box .num-box time {
	float: left
}

.view-p .func-p-content-box .num-box span {
	float: right
}

.func-cover-box {
	width: 100%;
	overflow: hidden;
	background: #EEE;
	position: relative
}

.func-cover-box .cover-list {
	overflow: hidden
}

.func-cover-box img {
	float: left;
	display: block;
	width: 100vw
}

.func-cover-box.ani {
	transition: height .3s ease
}

.func-cover-box.ani .cover-list {
	transition: transform .3s ease
}

.func-cover-box .num {
	position: absolute;
	bottom: 1em;
	right: 1em;
	color: #FFF;
	line-height: 1;
	font-weight: 600;
	text-shadow: 0 1px 1px rgba(0,0,0,.2)
}

.func-cover-box button[aciton="上一页"],.func-cover-box button[aciton="下一页"] {
	border: 0;
	padding: 0;
	margin: -30px 0 0;
	position: absolute;
	top: 50%;
	width: 36px;
	height: 50px;
	border-radius: 0;
	background: 50% 50% no-repeat rgba(10,10,10,.3);
	background-size: 14px auto;
	opacity: .5
}

.func-cover-box button[aciton="上一页"]:hover,.func-cover-box button[aciton="下一页"]:hover {
	opacity: 1
}

.func-cover-box button[aciton="上一页"] {
	left: 0;
}

@media (max-width:800px) {
	.func-cover-box button[aciton="上一页"],.func-cover-box button[aciton="下一页"] {
		display: none
	}
}

.func-user-info-bar {
	padding: 10px 0;
	margin: 0 20px;
	box-shadow: 0 1px 0 #ECECEC
}

.func-user-info-bar a {
	line-height: 35px
}

.func-user-info-bar a img {
	display: inline-block;
	vertical-align: top;
	width: 35px;
	height: 35px;
	border-radius: 9em;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.1)
}

.func-user-info-bar a b {
	margin-left: .5em;
	font-size: 14px
}

.func-user-info-bar button {
	float: right;
	border: 0;
	font-size: 12px;
	line-height: 25px;
	padding: 0 1.2em;
	margin: 5px 0;
	border-radius: 2px;
	color: #FFF;
	background: #FF7530
}

.func-tags-box {
	padding: .5em .2em
}

.func-tags-box a {
	vertical-align: top;
	display: inline-block;
	line-height: 1.6em;
	padding: 0 .4em
}

.func-recom-box {
	display: block;
	overflow: hidden
}

.func-recom-box>.item {
	width: 50%;
	float: left
}

.func-recom-box>.item img {
	width: 100%
}

.view-revoke-message {
	background: red;
	background: rgba(247,74,83,.95);
	color: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 4;
	text-align: center;
	line-height: 20px;
	padding: .7em 3em
}

@media (min-width:800px) {
	.view-revoke-message {
		top: 50px
	}
}

html[data-step="2"] .view-p .nav-bar {
	background: #FFF;
	box-shadow: 0 1px 0 rgba(0,0,0,.1)
}

html[data-step="2"] .view-p .nav-bar button.icon-back {
	background-image: url(../img/icon/ic_navigate_before.svg)
}

html[data-step="2"] .view-p .nav-bar button[action*="操作"] {
	background-image: url(../img/icon/ic_more_horiz_gray.svg)
}

.view-u .info-box {
	text-align: center
}

.view-u .info-box .user-bg-box {
	background: url(../img/user-bg.jpg) 50% 50% no-repeat #F96;
	background-size: cover;
	color: #fff;
	padding: 50px 0 0;
	text-shadow: 0 2px 2px rgba(0,0,0,.2);
	height: 218px;
	overflow: hidden;
	box-sizing: border-box
}

.view-u .info-box .cover-box {
	display: inline-block;
	width: 76px;
	height: 76px;
	border-radius: 9em;
	border: 2px solid #FFF;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
	overflow: hidden
}

.view-u .info-box .cover-box img {
	display: block;
	width: 76px;
	height: 76px
}

.view-u .info-box h1 {
	font-size: 14px;
	padding: .3em 0 0
}

.view-u .info-box .num-box {
	line-height: 1.2;
	padding: 1em 0
}

.view-u .info-box .num-box a,.view-u .info-box .num-box span {
	display: inline-block;
	padding: 0 1.5em;
	width: 130px;
	color: #FFF;
	border-right: 1px solid #FFF;
	text-align: right
}

.view-u .info-box .num-box a b,.view-u .info-box .num-box span b {
	margin-right: .2em
}

.view-u .info-box .num-box a i,.view-u .info-box .num-box span i {
	font-style: normal
}

.view-u .info-box .num-box a:last-child,.view-u .info-box .num-box span:last-child {
	border: 0;
	text-align: left
}

.view-u .info-box .user-ctrl-box {
	background: #FFF;
	padding: 10px 20px;
	height: 34px;
	position: relative
}

.view-u .info-box .user-ctrl-box p {
	font-size: 12px;
	line-height: 17px;
	max-height: 34px;
	color: #989898;
	text-align: left;
	overflow: hidden;
	position: absolute;
	left: 20px;
	top: 50%;
	right: 150px;
	transform: translate(0,-50%)
}

.view-u .info-box .user-ctrl-box .func-box {
	float: right;
	width: 160px;
	padding: 5px 0;
	text-align: right
}

.view-u .info-box .user-ctrl-box .func-box button {
	display: inline-block;
	font-size: 12px;
	line-height: 25px;
	padding: 0 1em;
	border-radius: 2px;
	box-shadow: 0 0 1px #ECECEC inset;
	color: grey;
	background: #FCFCFC;
	border: 0;
	margin-right: .8em
}

.view-u .func-pull-num-box {
	font-size: 12px;
	padding: 10px 15px;
	color: #989898
}

.view-add .img-box {
	overflow: hidden
}

.view-add .img-box img {
	float: left;
	width: 33%;
	height: 33%
}

.view-add .view-add-form-box .label-box {
	display: block;
	background: #FCFCFC;
	margin-bottom: 10px;
	position: relative
}

.view-add .view-add-form-box .label-box b {
	line-height: 44px;
	padding: 0 0 0 15px;
	margin: 0;
	width: 80px;
	position: absolute;
	top: 0;
	left: 0
}

.view-add .view-add-form-box .label-box i {
	font-style: normal;
	position: absolute;
	top: 0;
	right: 0;
	line-height: 44px;
	padding: 0 15px 0 0;
	color: #ABAFB3;
	font-size: 12px
}

.view-add .view-add-form-box .label-box>.head {
	height: 44px;
	position: relative
}

.view-add .view-add-form-box .label-box>.head:after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 15px;
	right: 15px;
	border-bottom: 1px solid #D9D9D9
}


.view-add .view-add-form-box .label-box>.head a[action="选择标签"] {
	float: right;
	line-height: 44px;
	width: 50px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url(../img/icon/ic_add_box.svg) 50% 50% no-repeat
}

.view-add .view-add-form-box .label-box input {
	padding: 12px 12px 12px 120px;
	line-height: 20px;
	background: 0 0;
	border: 0;
	width: 100%;
	box-sizing: border-box
}

.view-add .view-add-form-box .label-box .imgs-box .img span,.view-add .view-add-form-box .label-box .imgs-box .img.loading:after {
	display: block;
	content: '上传中...';
	line-height: 108px;
	color: #999;
	text-align: center
}

.view-add .view-add-form-box .label-box textarea {
	display: block;
	box-sizing: border-box;
	resize: none;
	width: 100%;
	padding: 15px;
	border: 0;
	background: 0 0
}

.view-add .view-add-form-box .label-box .imgs-box {
	overflow: hidden;
	padding: 15px 0 15px 15px
}

.view-add .view-add-form-box .label-box .imgs-box .img {
	overflow: hidden;
	background: #EEE
}

.view-add .view-add-form-box .label-box .imgs-box .img.loading {
	color: #999
}

.view-add .view-add-form-box .label-box .imgs-box img,.view-add .view-add-form-box .label-box .imgs-box label {
	width: 108px;
	height: 108px;
	margin: 0 10px 10px 0;
	border-radius: 2px;
	object-fit: contain;
	float: left
}

.view-add .view-add-form-box .label-box .imgs-box img input,.view-add .view-add-form-box .label-box .imgs-box label input {
	display: none
}

.view-add .view-add-form-box .label-box .imgs-box img.sortable-ghost {
	opacity: .5
}

.view-add .view-add-form-box .label-box .imgs-box label {
	background: url(../img/icon/ic_add.svg) 50% 50% no-repeat #F5F6F7
}

.view-add .view-add-form-box .label-box.label-submit-box {
	padding: 15px
}

.view-add .view-add-form-box .label-box.label-submit-box button[action="发布笔记"] {
	display: inline-block;
	background: #FF7530;
	color: #FFF;
	border-radius: 2px;
	border: 0;
	width: 100%;
	font-size: 14px;
	line-height: 36px
}

.view-add-view-tag-add-box .no-search-keyword .search-res-box,.view-add-view-tag-add-box .no-search-keyword a[action="新建标签"] {
	display: none
}

.view-coffer-num-box {
	background: #FF7530;
	color: #FFF;
	overflow: hidden;
	text-align: center
}

.view-coffer-num-box>.item {
	float: left;
	width: 33.33%;
	padding: 30px 0
}

.view-coffer-num-box>.item b,.view-coffer-num-box>.item i {
	display: block
}

.view-coffer-num-box>.item b {
	font-size: 18px;
	font-style: normal;
	line-height: 32px
}

.view-coffer-num-box>.item i {
	font-style: normal
}

.view-coffer-point-box {
	overflow: hidden;
	text-align: center;
	background: #FCFCFC;
	margin: 15px 0 0
}

.view-coffer-point-box>.item {
	float: left;
	width: 33.33%;
	color: #B3B3B3;
	padding: 20px 0;
	box-shadow: 1px 0 0 #ECECEC
}

.view-coffer-point-box>.item b,.view-coffer-point-box>.item i {
	display: block
}

.view-coffer-point-box>.item b {
	font-size: 36px
}

.view-coffer-point-box>.item i {
	color: #B3B3B3;
	font-style: normal
}

.view-coffer-point-box>.item:nth-child(1) b {
	font-weight: 700;
	color: #FF7530
}

.view-coffer-point-box>.item button {
	width: 50px;
	height: 50px;
	background: #FF7530;
	color: #FFF;
	box-shadow: 0 2px 4px 0 rgba(255,117,48,.3);
	border: 0;
	margin: 12px 0 0;
	padding: 0;
	border-radius: 9em
}

.view-coffer-point-box .c {
	clear: both;
	text-align: left;
	padding: 10px;
	font-size: 12px;
	border-top: 1px solid #ECECEC
}

.view-coffer-point-box .c h4 {
	font-size: 12px;
	color: #666;
	line-height: 28px
}

.view-coffer-point-box .c p {
	color: #989898;
	line-height: 20px
}

.view-coffer-ad-box {
	margin-top: 15px;
	padding: 5px;
	background: #FCFCFC
}

.view-coffer-ad-box a {
	display: block;
	padding: 5px
}

.view-coffer-ad-box a img {
	display: block;
	width: 100%;
	border-radius: 2px
}







.nav-bar {
	overflow: hidden;
	padding-top: 22px;
	transition: background .3s ease
}

.nav-bar a.link {
	height: 40px;
	padding: 0 .8em;
	line-height: 40px
}

.nav-bar h4 {
	margin: 0 100px;
	font-size: 15px;
	font-weight: 400;
	line-height: 40px;
	text-align: center
}

.nav-bar.orange {
	background: #FF7530;
	color: #FFF
}

.nav-bar.white {
	background: #FFF;
	box-shadow: 0 1px 0 rgba(0,0,0,.03)
}

.nav-bar.white button {
	color: #333
}

.nav-bar.blank button {
	color: #FFF;
	text-shadow: 0 1px 3px #000
}

.nav-bar button {
	height: 40px;
	padding: 0 .8em;
	background: 50% 50% no-repeat
}

.nav-bar button.orange {
	color: #FF7530;
	font-weight: 700
}

.nav-bar button.icon-back {
	float: left;
	color: transparent;
	text-shadow: none;
	background-size: 24px 24px
}

.nav-bar button.icon-back.blank {
}

.nav-bar button[action*="操作"],.nav-bar button[action="发布"],.nav-bar button[action="确定"] {
	float: right
}

.nav-bar button[action*="操作"] {
	color: transparent;
	text-shadow: none;
	background-size: 24px 24px
}

.nav-bar button[href="#/add"] {
	color: transparent;
	text-shadow: none;
}

@media (min-width:800px) {
	.nav-bar {
		max-width: 800px;
		margin: 0 auto
	}
}

.func-glb-header-nav-pop-box {
	display: inline-block;
	position: relative
}

.func-glb-header-nav-pop-box>a {
	display: block;
	font-size: 16px;
	line-height: 32px;
	padding: 0 20px 0 14px;
	margin: 9px 10px;
	background: url(data:image/png;
	base64,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) 10px 50% no-repeat #F66E48;background-size: 93px 30px;
	color: transparent;
	border-radius: 100px;
	position: relative;
	width: 94px
}

.func-glb-header-nav-pop-box>a sup {
	display: none
}

.func-glb-header-nav-pop-box>a:after {
	content: '.jp';
	position: absolute;
	bottom: 0;
	right: 8px;
	color: #FFF;
	font-size: 12px;
	line-height: 32px;
	text-align: center;
	opacity: .8;
	border-radius: 9em;
	transform: scale(.9)
}

.func-glb-header-nav-pop-box>.menu-box {
	background: #FFF;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 0 25px 0 rgba(0,0,0,.1);
	line-height: 36px;
	padding: .5em 0;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin-top: -9px;
	border-radius: 4px;
	opacity: 0;
	transform-origin: 50% -20px 0;
	transform: scale(1,.5);
	transition: opacity .2s ease,transform .2s ease
}

.func-glb-header-nav-pop-box>.menu-box>a {
	display: block;
	float: none;
	padding: 0 1.4em
}

.func-glb-header-nav-pop-box>.menu-box>a:hover {
	color: #ff410c
}

.func-glb-header-nav-pop-box>.menu-box:before {
	content: '';
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -6px;
	border: 6px solid transparent;
	border-top: 0;
	border-bottom-color: #FFF
}

.func-glb-header-nav-pop-box:hover>.menu-box {
	transform: scale(1);
	opacity: 1;
	pointer-events: auto
}

.func-tagnav-box {
	position: relative;
	height: 47px
}

.func-tagnav-box .list {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	font-size: 12px;
	line-height: 2em;
	padding: 12px 40px 12px 10px;
	white-space: nowrap
}

.func-tagnav-box .list::-webkit-scrollbar {
	height: 0
}

.func-tagnav-box .list a {
	display: inline-block;
	vertical-align: top;
	padding: 0 .7em;
	margin-right: 6px;
	border-radius: .2em;
	background: #FCFCFC;
	box-shadow: 0 0 0 1px #ECECEC inset;
	color: grey
}

.func-tagnav-box .list a.active {
	font-weight: 700;
	color: #FFF;
	background: #FF7530;
	box-shadow: none
}

.func-tagnav-box a[action="选择标签"] {
	position: absolute;
	right: 0;
	top: -1px;
	width: 40px;
	height: 50px;
	color: transparent;
	background: url(../img/icon/遮罩@2x.png) 50% 50% no-repeat;
	background-size: auto 24px
}

@media (min-width:800px) {
	.func-tagnav-box {
		height: auto
	}

	.func-tagnav-box .list {
		padding: 12px 40px 6px 10px
	}

	.func-tagnav-box .list a {
		float: left;
		margin-bottom: 6px
	}
}

@media (max-width:800px) {
	.view-home .func-tagnav-box {
		position: fixed;
		z-index: 1;
		left: 0;
		right: 0;
		background: #F5F6F7;
		background: rgba(245,246,247,.97);
		transition: margin .3s ease
	}

	.view-home .func-pull-box {
		margin-top: 47px
	}

	html[data-step="2"] .func-tagnav-box {
		box-shadow: 0 1px 0 rgba(0,0,0,.05)
	}

	html[data-direction=true] .func-tagnav-box {
		margin-top: -48px
	}
}

.func-user-list-box>.item button[action="关注用户"].active,.func-user-list-box>.item button[action="屏蔽用户"].active {
	box-shadow: 0 0 0 1px #ECECEC inset;
	color: grey;
	background: #FCFCFC
}

html[data-login=false] .func-tagnav-box a[action="选择标签"],html[data-login=false] .func-tagnav-box a[href="#/home/follows"] {
	display: none
}

.func-covers-box {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 15px
}

.func-covers-box .cover-list {
	white-space: nowrap;
	padding-right: 10px
}

.func-covers-box .cover-list .cover-item {
	display: inline-block;
	vertical-align: top
}

.func-covers-box .cover-list .cover-item img {
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 2px;
	margin-right: 10px
}

.func-goods-box {
	padding-bottom: 1px
}

.func-goods-box .good-item {
	display: block;
	padding: 10px 10px 10px 110px;
	position: relative;
	overflow: hidden;
	margin: 15px;
	background: #FCFCFC;
	box-shadow: 0 0 0 1px #ECECEC inset;
	border-radius: 2px;
	height: 80px;
	cursor: pointer
}

.func-goods-box .good-item>* {
	pointer-events: none
}

.func-goods-box .good-item img {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover
}

.func-goods-box .good-item h4 {
	font-size: 12px;
	line-height: 16px;
	height: 32px;
	overflow: hidden
}

.func-goods-box .good-item .price,.func-goods-box .good-item .rmb-price {
	display: block;
	font-size: 12px;
	line-height: 18px;
	font-style: normal;
	font-weight: 700;
	color: #FF6314;
	padding: 5px 0 9px
}

.func-goods-box .good-item .ui-tags-box {
	position: absolute;
	bottom: 10px
}

.func-goods-box .good-item button[action="删除商品"] {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 16px;
	line-height: 20px;
	width: 40px;
	text-align: center;
	margin: 0;
	border: 0;
	background: 0 0;
	padding: 10px 0;
	color: #999;
	pointer-events: auto
}

.func-bottom-bar-box a *,.func-cmts-box .cmts-list>.item>.child-box *,.func-cmts-box>.content>.item>.child-box *,.func-tags-box a[action="新建标签"] b,.func-votes-box *,.func-votes-box.hide,.topic-text-001 {
	pointer-events: none
}

.func-goods-box .good-item button[action="删除商品"]:before {
	content: '×'
}

.func-goods-box .good-item i.checkborder {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,117,48,.2);
	border: 1px solid #FF7530;
	border-radius: 2px;
	visibility: hidden
}

.func-goods-box .good-item i.checkborder:after {
	content: '';
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	background: url(../img/icon/ic_check_circle.svg) 50% 50% no-repeat
}

.func-goods-box .good-item.active i.checkborder {
	visibility: visible
}

.func-goods-box a[action="从收藏夹添加商品"] {
	display: block;
	margin: 15px;
	border: 0;
	line-height: 20px;
	padding: 40px 0;
	text-align: center;
	background: #F5F6F7;
	border-radius: 2px;
	font-size: 14px;
	color: #B3B3B3;
	cursor: pointer
}

.func-goods-box a[action="从收藏夹添加商品"]:before {
	content: '';
	display: inline-block;
	vertical-align: top;
	height: 20px;
	width: 20px;
	margin-top: -1px;
	background: url(../img/icon/ic_add.svg) 50% 50% no-repeat #F5F6F7
}

.func-tags-box {
	overflow: hidden
}

.func-tags-box .head {
	clear: both;
	background: #F5F6F7;
	color: #989898;
	overflow: hidden;
	line-height: 36px;
	padding-left: 20px;
	position: relative
}

.func-tags-box .head h4 {
	font-size: 12px;
	font-weight: 400
}

.func-tags-box .head .ctrl-box {
	position: absolute;
	right: 10px;
	top: 0
}

.func-tags-box .head .ctrl-box button[action="换一批"] {
	font-size: 10px;
	color: #B3B3B3;
	padding-left: 24px;
	background: url(../img/icon/ic_swap_horiz.svg) center left no-repeat
}

.func-tags-box a[action="新建标签"] {
	display: block;
	font-size: 12px;
	line-height: 30px;
	color: #FF7530;
	background: #DDD;
	border-radius: 2px;
	margin: 10px 20px 0;
	padding: 0 10px
}

.func-tags-box a[action="新建标签"] b {
	display: inline-block;
	vertical-align: top;
	line-height: 30px;
	max-width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.func-tags-box .list {
	overflow: hidden;
	background: #FCFCFC;
	padding-bottom: 10px
}

.func-tags-box .list:empty:before {
	display: block;
	text-align: center;
	font-size: 1em;
	line-height: 6;
	color: #999;
	content: attr(data-empty-text)
}

.func-tags-box .tag-item {
	float: left;
	line-height: 30px;
	padding: 0 20px;
	margin: 10px 0 0 10px;
	background: #FFF;
	box-shadow: 0 0 1px #ECECEC;
	border-radius: 2px;
	font-size: 14px;
	color: grey;
	cursor: pointer;
	position: relative
}

.func-tags-box .tag-item.active {
	background: #FF7530;
	border-radius: 2px;
	color: #FFF;
	box-shadow: none
}

.func-tags-box .tag-item[data-tag^="#"] {
	display: none
}

.func-tags-box .tag-item a {
	position: absolute;
	border: 0;
	margin: 0;
	padding: 0;
	background: 0 0;
	font-weight: 700;
	line-height: 2.1;
	width: 1.5em;
	text-align: center;
	top: 0;
	right: 0;
	color: #999
}

.func-tags-box .tag-item a:after {
	content: '×'
}

.func-user-list-box {
	padding: 0 20px
}

.func-user-list-box>.item {
	padding: 10px 60px 10px 65px;
	position: relative;
	border-bottom: 1px solid #EBEDF0
}

.func-user-list-box>.item img {
	width: 50px;
	height: 50px;
	border-radius: 9em;
	position: absolute;
	top: 10px;
	left: 0
}

.func-user-list-box>.item b {
	font-size: 15px;
	color: #323232
}

.func-user-list-box>.item p {
	color: grey;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.func-user-list-box>.item .func-num-box {
	font-size: 12px;
	color: #CCC
}

.func-user-list-box>.item .func-num-box span {
	margin-right: 10px
}

.func-user-list-box>.item button {
	font-size: 12px;
	line-height: 25px;
	padding: 0 10px;
	border-radius: 2px;
	border: 0;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -13px;
	color: #FFF;
	background: #FF7530
}

.func-user-list-box>.item button[action="关注用户"]:before {
	content: '关注'
}

.func-user-list-box>.item button[action="关注用户"].active:before {
	content: '已关注'
}

.func-user-list-box>.item button[action="关注用户"].blocked:before {
	content: '已屏蔽'
}

.func-user-list-box>.item button[action="屏蔽用户"]:before {
	content: '屏蔽'
}

.func-user-list-box>.item button[action="屏蔽用户"].active:before {
	content: '已屏蔽'
}

.func-user-msg-box>.item {
	background: #FCFCFC;
	border: 1px solid #ECECEC;
	border-radius: 2px;
	padding: 10px;
	margin: 10px
}

.func-user-msg-box>.item>.head>p {
	margin-right: 100px
}

.func-user-msg-box>.item>.head>p a {
	color: #FF7530
}

.func-user-msg-box>.item>.head time {
	float: right;
	font-size: 10px;
	color: #B3B3B3
}

.func-user-msg-box>.item>.head .user-box {
	max-width: 80%;
	position: relative;
	padding-left: 50px
}

.func-user-msg-box>.item>.head .user-box>a>img {
	width: 35px;
	height: 35px;
	border-radius: 9em;
	position: absolute;
	top: 0;
	left: 0;
	fit-object: cover
}

.func-user-msg-box>.item>.head .user-box b {
	color: #FF7530;
	font-size: 12px
}

.func-user-msg-box>.item>.head .user-box p {
	line-height: 30px
}

.func-user-msg-box>.item>.head .user-box p a {
	color: #FF7530
}

.func-user-msg-box>.item .post-box {
	display: block;
	height: 75px;
	box-sizing: border-box;
	background: #FFF;
	border: 1px solid #F5F6F7;
	border-radius: 2px;
	padding-left: 85px;
	margin-top: 10px;
	position: relative;
	overflow: hidden
}

.func-user-msg-box>.item .post-box img {
	position: absolute;
	top: 0;
	left: 0;
	height: 75px;
	width: 75px
}

.func-user-msg-box>.item .post-box h4 {
	font-size: 14px;
	line-height: 20px;
	color: #989898;
	height: 40px;
	padding: 17px 10px 17px 0;
	font-weight: 400
}

.func-user-msg-box>.item .post-box.post-box-revoke {
	padding: 0;
	text-align: center;
	line-height: 75px;
	color: #999
}

.func-cmts-box {
	background: #FCFCFC;
	font-size: 12px;
	line-height: 28px;
	padding: 0 15px 10px;
	text-align: left
}

.func-cmts-box a {
	color: #FF7530
}

.func-cmts-box .br {
	display: block;
	margin: 0 0 10px;
	font-size: 10px;
	line-height: 22px;
	color: #B3B3B3;
	background: #F5F6F7;
	text-align: center
}

.func-cmts-box a[action="回复他"] {
	margin-left: 1em
}

.func-cmts-box>.head {
	line-height: 34px;
	border-bottom: 1px solid #ECECEC;
	overflow: hidden
}

.func-cmts-box>.head h4 {
	float: left;
	font-size: 12px;
	color: #666;
	line-height: 12px;
	padding: 0 0 0 5px;
	margin: 11px 0;
	border-left: 3px solid #FF7530
}

.func-cmts-box>.head span {
	float: right;
	color: #b3b3b3;
	white-space: nowrap
}

.func-cmts-box>.head span b {
	font-weight: 400
}

.func-cmts-box .cmts-list>.item,.func-cmts-box>.content>.item {
	padding: 10px 0 10px 46px;
	position: relative
}

.func-cmts-box .cmts-list>.item .user-box,.func-cmts-box>.content>.item .user-box {
	line-height: 24px
}

.func-cmts-box .cmts-list>.item .user-box img,.func-cmts-box>.content>.item .user-box img {
	width: 36px;
	height: 36px;
	border-radius: 9em;
	position: absolute;
	top: 13px;
	left: 0
}

.func-cmts-box .cmts-list>.item p,.func-cmts-box>.content>.item p {
	font-size: 14px;
	padding: 5px 0
}

.func-cmts-box .cmts-list>.item time,.func-cmts-box>.content>.item time {
	font-size: 10px;
	color: #b3b3b3
}

.func-cmts-box .cmts-list>.item>.child-box>.item[data-status=false],.func-cmts-box .cmts-list>.item>.child-box>.item[data-status=false] p,.func-cmts-box .cmts-list>.item[data-status=false] p,.func-cmts-box>.content>.item>.child-box>.item[data-status=false],.func-cmts-box>.content>.item>.child-box>.item[data-status=false] p,.func-cmts-box>.content>.item[data-status=false] p {
	color: #B3B3B3
}

.func-cmts-box .cmts-list>.item button,.func-cmts-box>.content>.item button {
	position: absolute;
	top: 10px;
	right: 0
}

.func-cmts-box .cmts-list>.item>.child-box,.func-cmts-box>.content>.item>.child-box {
	background: #F5F6F7;
	border-radius: 2px;
	padding: 3px 5px;
	margin-top: 10px;
	position: relative;
	cursor: pointer
}

.func-cmts-box .cmts-list>.item>.child-box>.item,.func-cmts-box>.content>.item>.child-box>.item {
	padding: 3px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: none
}

.func-cmts-box .cmts-list>.item>.child-box>.item:nth-child(1),.func-cmts-box .cmts-list>.item>.child-box>.item:nth-child(2),.func-cmts-box .cmts-list>.item>.child-box>.item:nth-child(3),.func-cmts-box>.content>.item>.child-box>.item:nth-child(1),.func-cmts-box>.content>.item>.child-box>.item:nth-child(2),.func-cmts-box>.content>.item>.child-box>.item:nth-child(3) {
	display: block
}

.func-cmts-box .cmts-list>.item>.child-box a[action="回复这条"],.func-cmts-box>.content>.item>.child-box a[action="回复这条"] {
	display: block;
	padding: 5px 0 5px 5px
}

.func-cmts-box .text-banner {
	padding: 35px 70px 25px
}

.func-cmt-add-box {
	position: relative;
	background: #FCFCFC
}

.func-cmt-add-box .text-box {
	display: block;
	padding: 10px 70px 10px 10px
}

.func-cmt-add-box .text-box .textarea-content-shadowbox,.func-cmt-add-box .text-box textarea {
	padding: 8px 15px;
	line-height: 20px;
	background: #F5F6F7;
	border-radius: 15px;
	border: 0;
	margin: 0;
	display: block;
	box-sizing: border-box;
	resize: none;
	font-size: 14px;
	min-height: 31px
}

.func-cmt-add-box .text-box .textarea-content-shadowbox {
	position: absolute;
	left: 10px;
	right: 70px;
	z-index: -1;
	opacity: 0
}

.func-cmt-add-box .text-box textarea {
	width: 100%;
	max-height: 130px
}

.func-cmt-add-box button {
	color: #FF7530;
	font-size: 14px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	border: 0;
	background: 0 0;
	font-weight: 700;
	width: 70px;
	padding: 10px 0
}

.func-cmt-add-box button:active {
	background: #EEE
}

.func-cmt-add-box {
	margin-bottom: 10px
}

.func-cmts-box {
	margin-bottom: 60px
}[action="关注用户"].active {
	background: #EEE;
	color: #999
}[action="关注用户"].active:before {
	content: '已'
}

.func-notelists-box .item-note-box {
	background: #FFF;
	margin-bottom: 20px;
	position: relative
}

.func-notelists-box .item-note-box h4 {
	padding: 10px 40px 5px 12px
}

.func-notelists-box .item-note-box time {
	position: absolute;
	right: 0;
	top: 0;
	color: #999;
	font-size: 12px;
	padding: 10px 12px
}

.func-notelists-box .item-note-box .content {
	margin: 0 15px 12px;
	font-size: 12px;
	line-height: 18px;
	max-height: 36px;
	overflow: hidden;
	color: #999
}

.func-notelists-box .item-note-box .imgs-box {
	position: relative
}

.func-notelists-box .item-note-box .imgs-box img {
	display: block;
	width: 100%;
	height: 140px;
	object-fit: cover;
	background: #EEE
}

.func-notelists-box .item-note-box .imgs-box .revoke-message {
	position: absolute;
	height: 140px;
	line-height: 140px;
	text-align: center;
	left: 0;
	right: 0;
	top: 0;
	background: rgba(235,235,235,.9);
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px)
}

.func-notelists-box .item-note-box .ctrl-box {
	padding: 10px;
	overflow: hidden
}

.func-notelists-box .item-note-box .ctrl-box button[action="撤回文章"] {
	float: right
}

.func-notelists-box .item-note-box .ctrl-box button[action="撤回文章"]:after {
	content: '撤回文章'
}

.func-notelists-box .item-note-box .ctrl-box button[action="撤回文章"][disabled] {
	color: #999;
	background: #EEE
}

.func-notelists-box .item-note-box .ctrl-box span {
	font-size: 12px;
	padding: 0 8px;
	color: #999
}



.func-pop-user-menu-box {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	background: rgba(255,255,255,.95)
}

.func-pop-user-menu-box .content-box {
	width: 375px;
	height: 445px;
	background: #FAFAFA;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
	border-radius: 2px;
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

.func-pop-user-menu-box .content-box button[action="显示隐藏导航"] {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	line-height: 60px;
	width: 60px;
	border: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 24px;
	color: #FFF;
	background: 0 0
}

.func-pop-user-menu-box .content-box button[action="显示隐藏导航"]:before {
	content: '×'
}

.func-pop-user-menu-box .content-box>.head {
	background: url(../img/web/bg-small@2x.png) no-repeat;
	background-size: cover;
	height: 204px;
	color: #FFF;
	position: relative
}

.func-pop-user-menu-box .content-box>.head .user-info {
	padding: 30px 20px 10px
}

.func-pop-user-menu-box .content-box>.head .user-info a {
	color: #FFF
}

.func-pop-user-menu-box .content-box>.head .user-info img {
	display: block;
	height: 60px;
	width: 60px;
	border-radius: 9em;
	margin: 0 auto
}

.func-pop-user-menu-box .content-box>.head .user-info h4 {
	line-height: 32px;
	text-align: center;
	font-size: 14px
}

.func-pop-user-menu-box .content-box>.head .user-info p {
	line-height: 18px;
	font-size: 12px
}

.func-pop-user-menu-box .content-box>.head .user-info .num-list {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px 0
}

.func-pop-user-menu-box .content-box>.head .user-info .num-list a,.func-pop-user-menu-box .content-box>.head .user-info .num-list span {
	float: left;
	width: 25%;
	text-align: center;
	line-height: 20px;
	color: #FFF
}

.func-pop-user-menu-box .content-box>.head .user-info .num-list a[data-name]:before,.func-pop-user-menu-box .content-box>.head .user-info .num-list span[data-name]:before {
	content: '前缀 '
}

.func-pop-user-menu-box .content-box>.head .user-info .num-list a[data-name=fansNum]:before,.func-pop-user-menu-box .content-box>.head .user-info .num-list span[data-name=fansNum]:before {
	content: '粉丝 '
}

.func-pop-user-menu-box .content-box>.head .user-info .num-list a[data-name=focusNum]:before,.func-pop-user-menu-box .content-box>.head .user-info .num-list span[data-name=focusNum]:before {
	content: '关注 '
}

.func-pop-user-menu-box .content-box>.head .user-info .num-list a[data-name=noteNum]:before,.func-pop-user-menu-box .content-box>.head .user-info .num-list span[data-name=noteNum]:before {
	content: '笔记 '
}

.func-pop-user-menu-box .content-box>.head .user-info .num-list a[data-name=shieldNum]:before,.func-pop-user-menu-box .content-box>.head .user-info .num-list span[data-name=shieldNum]:before {
	content: '屏蔽 '
}

.func-pop-user-menu-box .content-box>.content a {
	display: block;
	line-height: 60px;
	padding: 0 0 0 90px;
	background: 30px 10px no-repeat #FFF;
	background-size: 40px 40px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
	border-radius: 2px;
	margin: 15px
}

.func-pop-user-menu-box .content-box>.content a[data-name="点赞"] {
	background-image: url(../img/web/icon/dianzan@2x.png)
}

.func-pop-user-menu-box .content-box>.content a[data-name="评论"] {
	background-image: url(../img/web/icon/pinglun@2x.png)
}

.func-pop-user-menu-box .content-box>.content a[data-name="赞我"] {
	background-image: url(../img/web/icon/anlewo@2x.png)
}

.func-pop-user-menu-box .content-box>.content a span {
	color: #999
}

@media (max-width:800px) {
	.func-pop-user-menu-box {
		display: none
	}
}

@media (min-width:800px) {
	.view-p button[action="文章更多操作"] {
		display: none
	}

	.view {
		padding-top: 40px
	}


	#M {
		max-width: 800px;
		margin: 0 auto
	}

	#M .func-pull-box {
		margin: 0 -15px
	}

	.ui-scroll-box,.ui-sheet-box .list {
		max-width: 800px;
		margin: 0 auto
	}

	.func-header-box.fixed {
		top: 40px
	}

	.ui-pop-view-box .func-header-box.fixed {
		top: 0
	}

	div[style="height:75px"] {
		height: 120px
	}

	.search-view {
		top: 98px
	}
}

.emoji-img {
	display: inline-block;
	vertical-align: middle;
	width: 1.5em;
	height: 1.5em;
	margin: -.3em .2em -.1em
}

.func-bottom-bar-box {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 3;
	background: #FCFCFC;
	background: rgba(252,252,252,.95);
	box-shadow: 0 -1px 0 0 #ECECEC;
	text-align: center;
	font-size: 13px
}

.func-bottom-bar-box a {
	float: left;
	width: 33.33%;
	padding: 12px 0;
	line-height: 24px;
	color: #989898
}

.func-bottom-bar-box a .ui-icon {
	display: inline-block;
	vertical-align: top;
	height: 24px;
	width: 24px;
	margin: -1px 0 0;
	background: 50% 50% no-repeat;
	background-size: cover
}

.func-bottom-bar-box a[action="文章发评论"] .ui-icon {
	background-image: url(../img/icon/ic_chat.svg)
}

.func-bottom-bar-box a[action="文章点赞"].active .ui-icon {
	background-image: url(../img/icon/ic_favorite_red.svg)
}

.func-bottom-bar-box a[action="文章点赞"] .ui-icon {
	background-image: url(../img/icon/ic_favorite.svg)
}

.func-bottom-bar-box a[action="文章分享"] .ui-icon {
	background-image: url(../img/icon/ic_share.svg)
}

.func-bottom-bar-box a b {
	font-weight: 400
}

html[input-onfocus] .func-bottom-bar-box {
	display: none
}

.func-votes-box {
	background: #FCFCFC;
	margin-bottom: 10px;
	padding: 20px 0 17px 20px;
	position: relative;
	z-index: 0;
	height: 47px;
	transition: .3s ease;
	overflow: hidden;
	cursor: pointer
}

.func-votes-box.hide {
	margin-top: -47px;
	margin-bottom: -37px;
	opacity: 0
}

.func-votes-box .info-box {
	float: left;
	width: 100px
}

.func-votes-box .info-box h4 {
	font-size: 10px;
	color: #323232;
	font-weight: 400;
	line-height: 18px
}

.func-votes-box .info-box h4 b {
	font-size: 18px;
	line-height: 24px;
	line-height: 1.3;
	color: #FF7530;
	vertical-align: bottom
}

.func-votes-box .info-box p {
	font-size: 10px;
	color: #B3B3B3;
	padding: 2px 0
}

.func-votes-box .avatars-box {
	margin: 5px 0;
	float: right;
	width: 230px;
	position: relative
}

.func-votes-box .avatars-box .avatar-list {
	float: left;
	height: 37px;
	padding-right: 15px
}

.func-votes-box .avatars-box .avatar-list.ani {
	animation: avatarlistani .3s ease-out backwards
}

.func-votes-box .avatars-box .avatar-list .avatar-item {
	float: right;
	width: 20px;
	margin-bottom: 5px;
	position: relative;
	z-index: 1
}

.func-votes-box .avatars-box .avatar-list .avatar-item.in {
	animation: avatarin .3s ease-out backwards
}

.func-votes-box .avatars-box .avatar-list .avatar-item.out {
	animation: avatarout .3s ease-out backwards;
	opacity: 0;
	z-index: 0
}

.func-votes-box .avatars-box .avatar-list .avatar-item img {
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 9em;
	background: #FCFCFC;
	border: 1px solid #FCFCFC;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.1)
}

.func-votes-box .avatars-box.more:before {
	content: '';
	width: 32px;
	height: 32px;
	position: absolute;
	right: 18px;
	background: url(../img/icon/morepeople.svg) 50% 50% no-repeat
}

@keyframes avatarin {
	0% {
		opacity: 0;
		transform: translateX(-20px)
	}

	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

@keyframes avatarout {
	0% {
		opacity: 1
	}
}

@keyframes avatarlistani {
	0% {
		margin-left: -20px
	}

	100% {
		margin-left: 0
	}
}

@media (max-width:350px) {
	.func-votes-box .avatars-box {
		zoom: .8
	}
}

@media (max-width:320px) {
	.func-votes-box {
		zoom: .8
	}

	.func-votes-box .avatars-box {
		zoom: 1
	}
}

.ui-dialog-vote-users-box {
	max-width: 86%;
	width: 500px;
	text-align: center
}

.ui-dialog-vote-users-box .body i {
	display: inline-block;
	color: #989898;
	background: #F2F2F2;
	border-radius: 9em;
	font-size: 12px;
	line-height: 20px;
	font-style: normal;
	margin: 0 auto;
	padding: 0 1em
}

.ui-dialog-vote-users-box .body .avatar-list {
	margin: 0 20px;
	padding-top: 15px;
	text-align: center
}

.ui-dialog-vote-users-box .body .avatar-list .avatar-item {
	display: inline-block;
	padding: 7px
}

.ui-dialog-vote-users-box .body .avatar-list .avatar-item img {
	display: block;
	width: 36px;
	height: 36px;
	border-radius: 9em;
	background: #FCFCFC;
	border: 1px solid #FCFCFC;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.1)
}

.ui-dialog-vote-users-box>.ctrl {
	text-align: center;
	padding-bottom: 2em
}

.ui-dialog-vote-users-box>.ctrl button {
	margin: 0
}

.topic-text-001 {
	color: red;
	text-align: center;
	padding: 1em 0;
	background: #fff9e6;
	margin: 6em 0 1em;
	border-radius: 5px
}

.topic-text-001:before {
	content: '本条为玛沙娘审核有效活动笔记 '
}

.func-banner-box {
	height: 106px;
	overflow: hidden;
	position: relative
}

.func-banner-box .list {
	transition: transform .3s ease
}

.func-banner-box .list .item {
	float: left;
	width: 355px;
	height: 106px;
	background: 50% 50% no-repeat #000;
	background-size: cover
}

.func-banner-box button {
	position: absolute;
	top: 0;
	bottom: 0;
	border: 0;
	margin: 0;
	width: 30px;
	background: rgba(150,150,150,.2);
	color: #FFF;
	opacity: 0;
	transition: opacity .3s ease
}

.func-banner-box button.befor {
	left: 0
}

.func-banner-box button.befor:before {
	content: '<'
}

.func-banner-box button.after {
	right: 0
}

.func-banner-box button.after:before {
	content: '>'
}

.func-banner-box[data-length="0"] {
	display: none!important
}

.func-banner-box[data-length="1"] button {
	display: none
}

.func-banner-box:hover button {
	opacity: 1
}

@media (max-width:800px) {
	.func-banner-box {
		position: relative;
		top: 40px;
		margin-bottom: 48px
	}
}

@media (max-width:400px) {
	.func-banner-box .list .item {
		width: 100vw
	}
}

.view-home .func-banner-box {
	margin: 0;
	height: 0
}

.view-home[data-type=home] .func-banner-box {
	display: block;
	height: 106px;
	margin-bottom: 10px
}